HTML5 sayı girişinin döndürme kutusunu gizleyebilir miyim?

Bazı tarayıcıların (Chrome gibi) sayı türündeki HTML girdileri için oluşturduğu yeni döndürme kutularını gizlemenin tarayıcılar arasında tutarlı bir yolu var mı? Yukarı/aşağı okların görünmesini engellemek için bir CSS ya da JavaScript yöntemi arıyorum.

<input id="test" type="number">
Sebas
Edited question 2016ösp7ös16 Kasım 2016 в 4:07
Programlama
numbers html5 javascript css input
2010ösp58ös20 Eylül 2010 в 8:58
31 görünümler
Çözüm

Bu CSS, webkit tarayıcılar için döndürme düğmesini etkili bir şekilde gizler (Chrome 7.0.517.44 ve Safari Sürüm 5.0.2 (6533.18.5)'de test ettim):


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none;
Mikael Dúi Bolinder
Edited answer 2019ööp33öö11 Şubat 2019 в 11:33
Yorumlar (5)

Apple'ın mobil Safari için kullanıcı deneyimi kodlama kılavuzuna]1 göre, iPhone tarayıcısında sayısal bir klavye görüntülemek için aşağıdakileri kullanabilirsiniz:

<input type="text" pattern="[0-9]*" />

\d* şeklindeki bir pattern de işe yarayacaktır.

Rory O'Kane
Edited answer 2013ösp22ös22 Ağustos 2013 в 10:22
Yorumlar (9)

İstediğiniz şey bu değil, ancak bunu WebKit'teki spinbox'larla ilgili bir odak hatası nedeniyle yapıyorum:

// temporary fix for focus bug with webkit input type=number ui
if (navigator.userAgent.indexOf("AppleWebKit") > -1 && navigator.userAgent.indexOf("Mobile") == -1)
{
    var els = document.querySelectorAll("input[type=number]");
    for (var el in els)
        el.type = "text";
}

İhtiyacınız olan şey konusunda size yardımcı olacak bir fikir verebilir.

Yorumlar (1)