MFC
  • 193

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

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

input number

阅读 47.4k
评论 更新于 2014-09-22
    4 个回答
    KevinYue
    • 5.2k

    Chrome 下

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

    REFERENCE

    评论 赞赏 2014-09-23
      input::-webkit-outer-spin-button,
      input::-webkit-inner-spin-button {
        -webkit-appearance: none;
      }
      input[type="number"]{
        -moz-appearance: textfield;
      }
      评论 赞赏 2016-03-23

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

        评论 赞赏 2014-09-29
          惊鸿一瞥
          • 4
          • 新人请关照
          `input[type="number"] {
             -moz-appearance: textfield;
          }`
          评论 赞赏 2015-12-25
            撰写回答

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