CSS 스타일 `:checked` 스타일 체크박스와 같은 요소를 사용할 수 있나요?
- Barbara Streisand원래의
- 2024-12-27 13:43:11266검색
CSS 선택 가능 의사 클래스 스타일 선택
:selected 의사 클래스는 입력 요소에 대한 :checked 의사 클래스와 유사하게 작동하며, 이는 체크박스 및 라디오 입력에 적용됩니다. 확인했을 때.
선택한 옵션의 스타일을 지정하려면 다음 코드를 사용할 수 있습니다.
option:selected {
background-color: red;
}
단, 색상 스타일링은 모든 브라우저에서 지원되지 않을 수 있습니다.
또한 이 기능의 고유한 사용 사례는 선택한 항목을 드롭다운에서 숨기는 것입니다. 목록:
option:checked {
display: none;
}
이 코드는 드롭다운에서 선택한 옵션을 숨기고 자리 표시자 텍스트만 표시합니다.
위 내용은 CSS 스타일 `:checked` 스타일 체크박스와 같은 요소를 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.