在Chrome与火狐中，输入框input类型为number时，如何去除掉的自带的上下默认箭头

时间：2019-01-15 23:33:40 阅读：489 评论：0 收藏：0 [点我收藏+]

标签：上下 web info 火狐 png outer div field inpu

如何移除input=‘number‘时浏览器自带的上下箭头：

技术分享图片

CSS样式：

    /* 去除input[type=number]浏览器默认的icon显示 */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button { // chrome
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }
    input{ // 火狐
        -moz-appearance:textfield;
    }

在Chrome与火狐中，输入框input类型为number时，如何去除掉的自带的上下默认箭头

标签：上下 web info 火狐 png outer div field inpu

原文地址：https://www.cnblogs.com/ziChin/p/10274778.html

踩

(0)

评论一句话评论（0）