本教程操作环境:dell g3电脑、windows7系统、html5&&css3版本。
推荐:《css视频教程》
改变input框默认css样式的方法:
一:利用伪类元素改变radio样式 (此方法无需添加额外的标签,更便捷)
.div input[type=radio]::after {position: absolute;width: 25px;height: 25px;background: url(../img/inputbg.jpg) no-repeat;background-size: 100% 100%;}
二:利用label指向input,通过改变label样式来达到效果
<html><input type="checkbox" checked="checked" id="aa"/><label for="aa"></label></html><style>input[type=checkbox]{ visibility: hidden;}label{width:20px;height:20px;border:1px solid #707070;}input[type=checkbox]:checked + label{background: url(../img/duigou.jpg)no-repeat;background-size: 100% 100%;}</style>
以上就是input能改变css样式吗的详细内容。
