html - 如何移除 input type="number" 时浏览器自带的上下箭头？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html - 如何移除 input type="number" 时浏览器自带的上下箭头？

高洛峰 2017-04-17 11:12:21

[HTML讨论组]

571

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

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(4)

黄舟2017-04-17 11:14:21 4楼

Chrome 下

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

REFERENCE

赞 +0

添加回复

迷茫2017-04-17 11:14:21 3楼

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

赞 +0

添加回复

伊谢尔伦2017-04-17 11:14:21 2楼

`input[type="number"] {
   -moz-appearance: textfield;
}`

赞 +0

添加回复

PHPz2017-04-17 11:14:21 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部