SORU
24 EYLÜL 2010, Cuma


HTML5 numarasını giriş spin kutusu saklanabilir miyim?

Bazı tarayıcılar (Chrome gibi) tür sayısı HTML giriş için işleyen tarayıcılar yeni spin kutuları gizlemek için tutarlı bir yol var mı? Görünen yukarı/aşağı okları engellemek için CSS veya JavaScript bir yöntem arıyorum.

<input id="test" type="number"/>

CEVAP
28 Kasım 2010, Pazar


Bu etkin düğme spin y tarayıcılar (Chrome, bunu test ettik 7.0.517.44 ve Safari Sürümü 5.0.2 (6533.18.5)) gizler CSS:

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

Her zaman Müfettiş (muhtemelen Firefox için Firebug y) ilgilendiğiniz öğeleri için uyumlu CSS özelliklerini tespit etmek için, Sözde elemnts arayabilirsiniz. Bu resim giriş öğesi türü için sonuç=gösterir"sayı":

Inspector for input type=number (Chrome)

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Android Police

    Android Poli

    21 NİSAN 2010
  • ethr95awd

    ethr95awd

    8 Kasım 2006
  • GavinMichaelBooth

    GavinMichael

    26 AĞUSTOS 2006