체크된 체크박스나 라디오 버튼의 스타일을 변경하려면 :checked 의사 클래스 선택기를 사용하세요.
- 王林원래의
- 2023-11-20 11:48:16926검색
글의 길이가 제한되어 있어 짧은 코드 예시만 있습니다. 예는 다음과 같습니다.
다음 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.