去除input[type=number]的默认样式
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
text-decoration: none; color:black;//a标签 list-style: none;//ol ul标签 举个例子 <a hre
前言 大部分情况下,我们都会自定义 `input` 框样式,而默认的边框及样式非常简陋。 ![在这里插入图片描述][20210511151559657.png]
去掉input标签的默认样式,去除input点击样式 outline: none; input { background: none;
浏览器为了显示方便和美观,很多都会为html文件设置默认样式 但是不同浏览器默认样式显示效果会不一样,实际开发当中我们应该去除浏览器的的样式 方法一:
button::after{ border:none; } input{ outline:none; border:none;
input[type=number] { -moz-appearance:textfield; } input[type=numbe...
还没有评论,来说两句吧...