CSS에서 선택 상자 옵션의 배경색을 변경하는 방법은 무엇입니까?

선택 상자 옵션 배경색을 변경하는 방법

요소의 경우, 사용 가능한 옵션의 모양을 수정하려면 옵션 요소의 스타일을 지정하는 것이 중요합니다.

옵션 요소 스타일 지정

옵션 요소의 배경색을 변경하려면 옵션에서는 선택 대신 옵션 요소에 배경색 속성을 적용합니다. 요소:

select option {
  margin: 40px;
  background-color: #000;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

개별 옵션 사용자 정의

특정 옵션의 스타일을 고유하게 지정하려면 CSS의 속성 선택기를 사용하세요. 예를 들어, 다음 코드는 값 속성에 따라 각 옵션에 다양한 배경색을 할당합니다.

select option[value="1"] {
  background-color: #646464;
}

select option[value="2"] {
  background-color: #969696;
}

select option[value="3"] {
  background-color: #C8C8C8;
}

select option[value="4"] {
  background-color: #FAFAFA;
}

위 내용은 CSS에서 선택 상자 옵션의 배경색을 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!