글의 길이가 제한되어 있어 짧은 코드 예시만 있습니다. 예는 다음과 같습니다.
다음 HTML 구조가 있다고 가정합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checked伪类选择器示例</title>
<style>
input[type="checkbox"]:checked + label {
font-weight: bold;
color: green;
}
</style>
</head>
<body>
<input type="checkbox" id="checkbox1">
<label for="checkbox1">选项1</label>
<input type="checkbox" id="checkbox2">
<label for="checkbox2">选项2</label>
</body>
</html>위 예에서는 input[type="checkbox"]:checked + label 선택기가 사용됩니다. 확인란을 선택하면 인접한 레이블 요소의 스타일이 변경되고 굵게 표시됩니다. 색상은 녹색입니다.
위 내용은 체크된 체크박스나 라디오 버튼의 스타일을 변경하려면 :checked 의사 클래스 선택기를 사용하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
