跨浏览器号码仅搜索栏

Question

是否有跨浏览器解决方案仅允许我的搜索栏中的数字？我已经尝试了type="numbers"，但它似乎弄乱了我的搜索栏。 Javascript和JQuery欢迎。

这里是JSFiddle：http://jsfiddle.net/W742e/1/

Answer 1

如果您想使用type="number"但不想使用它附带的默认样式，则可以使用。

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none; 
    margin: 0;   
}

<强> HTML

<input type="number"></input>

这将删除Chrome和Safari中的微调器。

Fiddle