Bu post Daha önce görmediği ve benim tutucu için dolgu değiştirmek için elimden gelen her şeyi denedim ama ne yazık ki, sadece işbirliği yapmak istemiyor gibi görünüyor.

Her neyse, işte css kodu. (EDİTBu sass tarafından oluşturulan css)

#search {
  margin-top: 1px;
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  width: 220px;
}

#search form {
  position: relative;
}

#search input {
  padding: 0 10px 0 29px;
  color: #555555;
  border: none;
  background: url('/images/bg_searchbar.png?1296191141') no-repeat;
  width: 180px;
  height: 29px;
  overflow: hidden;
}

#search input:hover {
  color: #00ccff;
  background-position: 0px -32px;
}

Ve burada basit bir html

<div id="search">
  <form>
    <input type="text" value="" placeholder="Search..." name="q" autocomplete="off" class="">
  </form>
  <div id="jquery-live-search" style="display: block; position: absolute; top: 15px; width: 219px;">
    <ul id="search-results" class="dropdown">
    </ul>
  </div>
</div>

Oldukça basit? yer tutucu nedense kapalı ama giriş alanına yazın çalıştığınızda, metin hizalanır. Sadece tutucu renk (webkit) değiştirebilirsiniz gibi görünüyor, ama eğer içeren giriş doldurma düzenlemek için çalışırsanız, giriş tasarımı yıpratır!saç ortaya çıkarır

İşte tutucu screenies ve metin girişi ile giriş alanı:

EDİT:

Şimdi jquery plugin Bu başvurdu.

Kutudan çıktığı anda çalışır benim chrome sorunu giderir. Hala sorunun ne olduğunu eğer BENİM chrome falan alakası varsa ortaya çıkarmak istiyorum

Eminim değil stiller beri John Catterfeld yeniden bir sorun yok, bu yüzden umarım orada birileri olabilir hala bana gelin sağ yön için neden bu oldu bana(müvekkilimin chrome de. Bu muhtemelen John windows kullanıyorsanız/) Chrome) yerel

Aynı sorunu aldım.

Benim giriş line-height kaldırarak düzelttim. Eğer soruna neden olan bazı satır ayarlarının hepsi uçup olup olmadığını kontrol etmek