删除input框type="number"时，默认的上下小箭头

最新推荐文章于 2024-05-09 10:19:43 发布

xiaxiaoxian

最新推荐文章于 2024-05-09 10:19:43 发布

阅读量756

点赞数

分类专栏： html5 文章标签： html5

html5 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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>