inputtype=number中如何去掉输入框中的上下箭头
来源:懂视网
责编:小采
时间:2020-11-27 18:50:03
inputtype=number中如何去掉输入框中的上下箭头
inputtype=number中如何去掉输入框中的上下箭头:html 代码默认:<input type="number" /><br><br> 处理:<input type="number" class="deal" />css 代码.deal::-webkit-textfield-decoration
导读inputtype=number中如何去掉输入框中的上下箭头:html 代码默认:<input type="number" /><br><br> 处理:<input type="number" class="deal" />css 代码.deal::-webkit-textfield-decoration

html 代码
默认:<input type="number" /><br><br>
处理:<input type="number" class="deal" />
css 代码
.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;
}
inputtype=number中如何去掉输入框中的上下箭头
inputtype=number中如何去掉输入框中的上下箭头:html 代码默认:<input type="number" /><br><br> 处理:<input type="number" class="deal" />css 代码.deal::-webkit-textfield-decoration