CSS:checked伪类选择器
来自菜鸟教程
- checked 是一个伪类选择器,用于设置单选、复选框或选项元素的选中状态:
:checked { background-color: hotpink; } /* Only style checked checkboxes */ input[type="checkbox"]:checked { padding-left: 1em; }
显式样式化未检查元素
您可以使用带有 :checked 的 :not 伪类来显式样式化未检查的元素。 如果您不希望将某些样式应用于选中状态,这将很有用:
input:not(:checked) { opacity: 0.6; }
浏览器支持
我可以使用 css-sel3 吗? 来自 caniuse.com 的主流浏览器支持 css-sel3 功能的数据。