概述
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.deal::-webkit-textfield-decoration-container {
background-color: #f0f3f9;
}
/*添加背景色 下边两行是去掉input 输入框右边的上下箭头按钮*/
.deal::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.deal::-webkit-outer-spin-button {
-webkit-appearance: none;
}
</style>
</head>
<body>
<input type="number" id="input" class="deal">
<input type="number">
</body>
</html>
最后
以上就是真实黑猫为你收集整理的删除input框type="number"时，默认的上下小箭头的全部内容，希望文章能够帮你解决删除input框type="number"时，默认的上下小箭头所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![CSS小技巧——去除input[type=number]的默认样式](/uploads/reation/bcimg7.png)
发表评论 取消回复