input属性为number时，如何去掉右边的 +、-号

最新推荐文章于 2024-02-27 10:15:27 发布

weixin_30781631

最新推荐文章于 2024-02-27 10:15:27 发布

阅读量200

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/520BigBear/p/9930207.html

本文介绍如何通过CSS代码禁用浏览器输入框中的上下箭头，适用于谷歌和火狐浏览器，实现数字输入框外观的统一和美观。

修改css

        /* 谷歌 */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            appearance: none; 
            margin: 0; 
        }
        /* 火狐 */
        input{
            -moz-appearance:textfield;
        }    


这样就OK啦

转载于:https://www.cnblogs.com/520BigBear/p/9930207.html