• 198

如何移除 input type="number" 时浏览器自带的上下箭头?

如题,右边出现这个上下箭头怎么移除,chrome 37 浏览器

input number

阅读 48.7k
评论
    4 个回答
    • 5.2k

    Chrome 下

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0;
    }
    

    REFERENCE

      给input设置 -webkit-appearance:none样式

        • 4
        • 新人请关照
        `input[type="number"] {
           -moz-appearance: textfield;
        }`
          input::-webkit-outer-spin-button,
          input::-webkit-inner-spin-button {
            -webkit-appearance: none;
          }
          input[type="number"]{
            -moz-appearance: textfield;
          }
            撰写回答

            登录后参与交流、获取后续更新提醒