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

发布于 2022-09-06 15:47:31 字数 350 浏览 31 评论 0

clipboard.png

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

蓝颜夕 2022-09-13 15:47:31

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

    -webkit-appearance: none !important;
}

input[type="number"] {
    -moz-appearance: textfield;
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文