CSS 투명도 스타일을 하위 요소가 아닌 레이블의 innerText에만 적용할 수 있는 방법이 있습니까?
<p>아래 예에는 태그에 입력이 포함된 태그가 많이 있습니다. </p>
<p><strong>색상을 명시적으로 지정하지 않고 CSS 불투명도 스타일을 하위 요소가 아닌 레이블의 innerText에 적용할 수 있는 방법이 있습니까? 아래 예에서는 라벨 자체뿐만 아니라 드롭다운 메뉴에도 불투명도가 적용되었습니다. </strong></p>
<p>텍스트를 둘러싸도록 레이블 요소를 변경한 다음 <code>for=</code>를 추가할 수 있다는 것을 알고 있지만 태그가 지정되는 요소 주위에 레이블을 래핑하는 것을 선호합니다. </p>
<pre class="brush:css;toolbar:false;">div{ 패딩: 10px;}
선택하다 {
배경색: 흰색;
}
.채색{
색상: 흰색;
배경색: 연한 파란색;
}
라벨 {
불투명도: .7;
}</pre>
<pre class="brush:html;toolbar:false;">
<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></pre>
<p><br /></p>
