在下面的示例中,我有很多标签,其中标签包含输入。
有没有办法使CSS的不透明度样式应用于标签的innerText而不是任何子元素,而不需要显式指定颜色?在下面的示例中,不透明度已经应用于下拉菜单,而不仅仅是标签本身。
我知道我可以将标签元素更改为仅包围文本,然后添加一个for=
,但我更喜欢将标签包裹在被标记的元素周围。
div{ padding: 10px;} select { background-color: white; } .colored{ color: white; background-color: lightblue; } label { opacity: .7; }
很不幸,
opacity
适用于容器和其中的所有内容。但在您的情况下,您可以使用rgba
color
代替: