아래 예에는 태그에 입력이 포함된 태그가 많이 있습니다.

색상을 명시적으로 지정하지 않고 CSS 불투명도 스타일을 하위 요소가 아닌 레이블의 innerText에 적용할 수 있는 방법이 있습니까? 아래 예에서는 라벨 자체뿐만 아니라 드롭다운 메뉴에도 불투명도가 적용되었습니다.

텍스트를 둘러싸도록 레이블 요소를 변경한 다음 for=를 추가할 수 있다는 것을 알고 있지만 태그가 지정되는 요소 주위에 레이블을 래핑하는 것을 선호합니다.

div{ 패딩: 10px;} 선택하다 { 배경색: 흰색; } .채색{ 색상: 흰색; 배경색: 연한 파란색; } 라벨 { 불투명도: .7; }

 
 <라벨> 마이 화이트 라벨 흰색 바탕에 흑백이어야 하는 예  
 
 <라벨> 나의 블랙 라벨 흰색 바탕에 흑백이어야 하는 예  
 
 좋은 예 실제로 흰색 바탕에 검은색이 적용된 예