<!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]的默认样式](https://file2.kaopuke.com:8081/files_image/reation/bcimg7.png)
发表评论 取消回复