선택 상자 옵션 배경색을 변경하는 방법
옵션 요소 스타일 지정
옵션 요소의 배경색을 변경하려면 옵션에서는 선택 대신 옵션 요소에 배경색 속성을 적용합니다. 요소:
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
