有没有办法让CSS的透明度样式只应用于标签的innerText,而不应用于任何子元素?
P粉794851975
P粉794851975 2023-08-17 20:51:57
0
1
434

在下面的示例中,我有很多标签,其中标签包含输入。

有没有办法使CSS的不透明度样式应用于标签的innerText而不是任何子元素,而不需要显式指定颜色?在下面的示例中,不透明度已经应用于下拉菜单,而不仅仅是标签本身。

我知道我可以将标签元素更改为仅包围文本,然后添加一个for=,但我更喜欢将标签包裹在被标记的元素周围。

div{ padding: 10px;} select { background-color: white; } .colored{ color: white; background-color: lightblue; } label { opacity: .7; }
 


P粉794851975
P粉794851975

全部回复 (1)
P粉066224086

很不幸,opacity适用于容器和其中的所有内容。但在您的情况下,您可以使用rgbacolor代替:

select { background-color: white; } .colored{ color: white; background-color: lightblue; padding: 10px; } label { color: rgba(255, 255, 255, .7); }
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!