在火狐浏览器中怎么去掉input type="number"的箭头

clipboard.png

如上图所示,在谷歌浏览器或者其他webkit内核的浏览器中这句可以去掉上下箭头:
-webkit-appearance: none !important;

但是在火狐中不行,如果非要用input type="number",不能用type="rel"的话,还有没有办法能让火狐浏览器不显示箭头?

阅读 6.1k
1 个回答

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {

    -webkit-appearance: none !important;
}

input[type="number"] {
    -moz-appearance: textfield;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题