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

  • DRDAnimation

    DRDAnimation

    28 EYLÜL 2012
  • Ownage Pranks

    Ownage Prank

    13 AĞUSTOS 2007
  • SaraBeautyCorner - Nails and Nail Art Designs, DIY, Fashion & Makeup Tutorial

    SaraBeautyCo

    7 EKİM 2012