``드롭다운 내에서 특정 ``의 텍스트 색상을 변경하는 방법은 무엇입니까?

<옵션> 텍스트 색상 변경

드롭다운 목록에서 첫 번째 옵션의 텍스트 색상을 수정하려고 하면 CSS 클래스를 사용하는 데 어려움이 있을 수 있습니다. 해결 방법은 다음과 같습니다.

첫 번째 옵션의 색상만 변경하려면 해당 옵션에 인라인 스타일을 직접 적용하세요.

<code class="html"><option style="color: grey" value="null">select one option</option></code>

이 방법을 사용하면 스타일이 첫 번째 옵션에만 적용됩니다. , 나머지 옵션은 기본 검정색으로 둡니다.

다른 옵션의 스타일을 추가로 사용자 정의하려면 "others"라는 CSS 클래스를 만듭니다.

<code class="css">.others {
    color: black;
}</code>

그런 다음 " other" 클래스를 나머지 옵션으로 설정합니다.

<code class="html"><option value="1" class="others">one</option>
<option value="2" class="others">two</option></code>

이렇게 하면 첫 번째 옵션을 제외한 모든 옵션이 검정색으로 설정됩니다. 인라인 스타일과 CSS 클래스의 조합을 통해 첫 번째 옵션은 회색으로 유지되고 나머지 옵션은 검은색으로 유지됩니다.

위 내용은 ``드롭다운 내에서 특정 ``의 텍스트 색상을 변경하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천：php.cn

이전 기사：Bootstrap 캐러셀 캡션을 수직 중앙에 배치하고 약간 왼쪽에 배치하는 방법은 무엇입니까? 다음 기사：콘텐츠를 기반으로 부트스트랩 모달의 동적 크기 조정을 달성하는 방법은 무엇입니까?

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

최신 이슈

function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...

에서 2024-04-29 11:01:01

0

2

1681

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

0

10

1833

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

0

1

1560

상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');

에서 2024-04-18 23:52:34

0

1

1466

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

0

0

1517

관련 주제

더>

• devc++를 중국어로 바꾸는 방법
• 인터넷에 연결할 수 없습니다
• C 언어와 Python의 주요 차이점은 무엇입니까?
• win10 다운로드 실패에 대한 해결 방법
• 팀뷰어 연결이 안되는 문제 해결 방법
• qq 음성
• 모바일 하드 디스크 파티션 소프트웨어
• Ctrl 복사 붙여넣기 단축키는 무엇인가요?

인기 추천

• 디스플레이 타원을 초과하도록 CSS를 설정하는 방법
• CSS에서 글꼴 크기를 설정하는 방법
• CSS에서 호버를 사용하는 방법
• CSS에서 문자 간격을 설정하는 방법
• CSS3의 새로운 기능은 무엇입니까?

인기 튜토리얼

더>

관련 튜토리얼

인기 추천

최신 강좌

• 
  최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)

  1415308
• 
  PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기

  4253379
• 
  JAVA 초보자용 비디오 튜토리얼

  2462251
• 
  Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼

  502671
• 
  PHP 제로 기반 입문 튜토리얼

  842921

• 
  최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)

  1415308 학습 시간
• 
  JAVA 초보자용 비디오 튜토리얼

  2462251 학습 시간
• 
  Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼

  502671 학습 시간
• 
  웹 프론트 엔드 개발에 대한 빠른 소개

  215166 학습 시간
• 
  PS 비디오 튜토리얼을 처음부터 마스터하세요

  873452 학습 시간

• 
  [웹 프런트엔드] Node.js 빠른 시작

  6108 학습 시간
• 
  해외 웹 개발 풀스택 강좌 총집합

  4664 학습 시간
• 
  Go 언어 실습 GraphQL

  4018 학습 시간
• 
  550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다

  600 학습 시간
• 
  기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬

  20454 학습 시간

최신 다운로드

더>

웹 효과

웹사이트 소스 코드

웹사이트 자료

프론트엔드 템플릿

• [양식 버튼] jQuery 기업 메시지 양식 연락처 코드
• [플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과
• [메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과
• [양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드
• [플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드
• [HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임
• [그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤
• [사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과

• [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿
• [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿
• [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿
• [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿
• [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.
• [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿

• [PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)
• [PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)
• [배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)
• [PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)
• [PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)
• [PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)
• [배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)
• [PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)

• [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿
• [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿
• [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿
• [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿
• [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.
• [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿

회사 소개 부인 성명 Sitemap

PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！