CSS3 :checked 伪类选择器

:checked

选择已选中的元素对象。

input[type="text"]:checked {
 border:1px solid DodgerBlue; <!-- 以选中的 input checkbox 的边框颜色为 蓝色 -->
}

<input type="checkbox" checked />
<input type="checkbox" />

显示效果

更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程