伪元素改变number类型input框的默认样式实例页面

回到相关文章 »

代码:

CSS代码:
.deal::-webkit-textfield-decoration-container {
    background-color: #f0f3f9;	
}
.deal::-webkit-inner-spin-button {
     -webkit-appearance: none;
}
.deal::-webkit-outer-spin-button {
     -webkit-appearance: none;	/* 有无看不出差别 */
}
                
HTML代码:
默认:<input type="number" /><br><br>
处理:<input type="number" class="deal" />
                

效果:

默认:

处理: