input number去除默认的上下箭头

/* 输入框input类型为number时，去掉上下箭头方式 */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}

箭头的问题在vant的 field中使用type="number"时该问题同样存在，仍可以使用该样式解决。


无箭头.png
有箭头.png

小提示：在vant中很多小标签，是使用的伪元素：before ：after来设置的。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容