CSS에서 선택 상자 옵션의 배경색을 변경하는 방법은 무엇입니까?
- DDD원래의
- 2024-12-18 11:54:11648검색
선택 상자 옵션 배경색을 변경하는 방법
옵션 요소 스타일 지정
옵션 요소의 배경색을 변경하려면 옵션에서는 선택 대신 옵션 요소에 배경색 속성을 적용합니다. 요소:
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.