Javascript 仅跨浏览器数字搜索栏

是否有跨浏览器解决方案只允许在我的搜索栏中显示数字？我尝试了

type=“numbers”

，但它似乎弄乱了我的搜索栏

Javascript

和

JQuery

欢迎

---

下面是JSFiddle:

如果您想使用

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中的微调器

---

“在我的搜索栏中应用一个仅限数字的字段？”这是什么意思？@gdoron Update:“是否有只允许搜索栏中的数字的跨浏览器解决方案”在css中输入此内容？我是否使用

输入。数字
？此css将应用于所有具有类型属性“number”的输入。只需按原样输入即可。无
输入。数字
。在答案中看到小提琴。在答案中看到我的小提琴。您需要将css样式
#search-box-4输入[type=“text”]
更新为
#search-box-4输入[type=“number”]
是否有跨浏览器的最小和最大长度