SORU
7 ŞUBAT 2011, PAZARTESİ


HTML5 tutucu css doldurma

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ı:

placeholder text input

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

CEVAP
15 NİSAN 2011, Cuma


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

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • HowToBasic

    HowToBasic

    8 Aralık 2011
  • Kap Slap

    Kap Slap

    8 Mart 2010
  • MysteryGuitarMan

    MysteryGuita

    16 HAZİRAN 2006