美文网首页
input中 type=number 标签(数字框) 去掉箭头且

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

作者: FTD止水 | 来源:发表于2019-04-11 12:28 被阅读0次

    这种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;
    }
    

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/ujhtwqtx.html