CSS 透明スタイルをラベルの innerText にのみ適用し、子要素には適用しないようにする方法はありますか?
<p>以下の例では、タグに入力が含まれるタグが多数あります。 </p>
<p><strong>明示的に色を指定せずに、CSS の不透明度スタイルを子要素ではなくラベルの innerText に適用する方法はありますか?以下の例では、ラベル自体だけでなく、ドロップダウン メニューにも不透明度が適用されています。 </strong></p>
<p>ラベル要素を変更してテキストを囲み、<code>for=</code> を追加できることはわかっていますが、私はタグ付けされている要素の周囲にラベルをラップすることを好みます。 </p>
<pre class="brush:css;toolbar:false;">div{ パディング: 10px;}
選択する {
背景色: 白;
}
.色付き{
色: 白;
背景色: 水色;
}
ラベル {
不透明度: 0.7;
}</pre>
<pre class="brush:html;toolbar:false;">
<div class="coloured">
<ラベル>
私のホワイトラベル
<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>
