드롭다운 메뉴에서 선택한 옵션 스타일 지정
현재 선택된 <옵션>을 타겟팅하여 드롭다운 메뉴의 미적 향상 요소는 일반적인 과제였습니다. :checked 의사 클래스는 체크박스 및 라디오 버튼과 같은 입력에 대한 스타일 옵션을 제공하지만
그러나 자세히 살펴보면 :checked 의사 클래스는 HTML4 selected 및 checked 속성을 모두 가진 요소에 적용된다는 것을 보여줍니다. 이 관찰은 다음 코드에서 보여주듯이 현재 선택된 의 스타일을 지정하기 위한 솔루션을 제공합니다.
option:checked { color: red; }색상 스타일 지정이 모든 브라우저에서 지원되지는 않지만 이 방법은 드롭다운 메뉴에서 활성 옵션을 대상으로 지정하는 방법을 제공합니다.
또는 몇 가지 추가 옵션을 사용하여 선택한 옵션을 숨길 수도 있습니다. CSS:
option:checked { display:none; }이 접근 방식은 시각적 혼란을 피하기 위해 선택한 항목을 숨기는 등 드롭다운 메뉴의 사용자 경험을 향상시키는 창의적인 방법을 제공합니다.
위 내용은 드롭다운 메뉴에서 선택한 옵션의 스타일을 어떻게 지정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
