javascript - 仅跨浏览器数字搜索栏

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