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

  • makemebad35

    makemebad35

    17 NİSAN 2006
  • Vladimir Jenko

    Vladimir Jen

    1 Mart 2010
  • YAN TV

    YAN TV

    20 EKİM 2011