• 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-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
      }
      input[type="number"]{
        -moz-appearance: textfield;
      }

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

          • 4
          • 新人请关照
          `input[type="number"] {
             -moz-appearance: textfield;
          }`
            撰写回答

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