素材牛VIP会员
如何移除 input type="number" 时浏览器自带的上下箭头?
 陌***3  分类:Html5  人气:1100  回帖:4  发布于6年前 收藏

如题,右边出现这个上下箭头怎么移除,chrome 37 浏览器

 标签:htmlhtml5

讨论这个帖子(4)垃圾回帖将一律封号处理……

Lv2 入门
th***kd 站长 6年前#1

给input设置 -webkit-appearance:none样式

Lv4 码徒
雨***落 产品经理 6年前#2

Chrome 下

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

REFERENCE

Lv5 码农
阿***7 产品经理 6年前#3
`input[type="number"] {
   -moz-appearance: textfield;
}`
Lv5 码农
雪***0 移动开发工程师 6年前#4
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取