마우스오버 시 선택 목록 옵션의 배경색을 어떻게 변경할 수 있나요?

마우스를 올리면 선택 목록 옵션의 배경색을 변경할 수 있나요?

알다시피, 스타일을 항목에 :hover를 활용하려는 시도에도 불구하고; 요소가 있으면 효과가 없습니다.

가능한 해결 방법

현재 의 배경색을 수정하는 CSS 솔루션이 내장되어 있지 않습니다. 호버의 요소. 그러나 Choosen 또는 Select2와 같은 타사 라이브러리를 활용하면 선택 목록의 스타일을 유연하게 지정할 수 있습니다.

대안

라이브러리를 사용하지 않으려면 다음을 탐색하세요. 다음 대안:

• JavaScript 또는 jQuery 플러그인을 사용하여 요소를 순서가 지정되지 않은 목록(
  )으로 만듭니다. 이를 통해 각 목록 항목의 모양을 독립적으로 사용자 정의할 수 있습니다.
  • :before 의사 요소를 사용하여
  요소 자체. 이를 통해 개별 옵션이 아닌 전체 드롭다운 메뉴의 배경색을 변경할 수 있습니다.

위 내용은 마우스오버 시 선택 목록 옵션의 배경색을 어떻게 변경할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!