input中 type=number 标签(数字框) 去掉箭头且

2019-04-11  本文已影响0人  FTD止水

这种input输入框一般用在分页插件中的手动输入页码功能,用于过滤输入的页码数

html代码如下:

<input type="number" onkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"/>

css代码如下:

/*Chrome浏览器去箭头*/
input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button{
  -webkit-appearance: none !important;
  margin: 0px;
}
/*Firefox浏览器去箭头*/
input[type="number"]{
  -moz-appearance:textfield;
}
上一篇 下一篇

猜你喜欢

热点阅读