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

  • Bennythecoder

    Bennythecode

    25 Mart 2008
  • Dopelives

    Dopelives

    30 Temmuz 2009
  • eisleyhead

    eisleyhead

    11 Ocak 2006