CSS 투명도 스타일을 하위 요소가 아닌 레이블의 innerText에만 적용할 수 있는 방법이 있습니까?

Question

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

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

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

div{ 패딩: 10px;}

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

<div class="color">
   <라벨>
      마이 화이트 라벨
      <select><option>흰색 바탕에 흑백이어야 하는 예</option></select>
   </라벨>
</div>

<div>
   <라벨>
      나의 블랙 라벨
      <select><option>흰색 바탕에 흑백이어야 하는 예</option></select>
   </라벨>
</div>
<div>
<label for="select3">좋은 예</label>
<select id="select3"><option>실제로 흰색 바탕에 검은색이 적용된 예</option></select></div>

Answer 1

안타깝게도 opacity适用于容器和其中的所有内容。但在您的情况下，您可以使用rgba color는 다음으로 대체됩니다.

으아악 으아악