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

  • Majestic Casual

    Majestic Cas

    28 NİSAN 2012
  • MaximumPCMag

    MaximumPCMag

    23 Temmuz 2010
  • Music EuroDance 2

    Music EuroDa

    12 Mayıs 2011