<h1>checked伪类选择器</h1>
<form>
房屋状态：
<input type="checkbox">水
<input type="checkbox">电
<input type="checkbox">气
<input type="checkbox">光纤
</form> 运行结果发现是没有任何样式的 再继续在script加入样式 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>checked伪类选择器</title>
<style>
input[type="checkbox"]:checked{
outline: 2px solid green;/*绿色边框*/
}
</style>
</head>
<body>
<h1>checked伪类选择器</h1>
<form>
房屋状态：
<input type="checkbox" checked>水<!--加入checked 默认选中的 -->
<input type="checkbox">电
<input type="checkbox">气
<input type="checkbox">光纤
</form>
</body>
</html>
运行的结果： input[type="checkbox"]:default 这个也可以设置成default 但是呢，只有default默认的有格式 你点击 其他的选项是没有格式 input[type="checkbox"]:indeterminate 看实例
|
