CSS选择器绑定到输入的标签

前端之家收集整理的这篇文章主要介绍了CSS选择器绑定到输入的标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
CSS中有没有办法选择绑定到输入字段的标签(通过for属性)设置所需的属性?就像是:
label:input[required] {
  ...
}

目前,我正在为标签和输入添加class =“required”来进行样式设置。我现在在必需的输入字段中需要HTML5属性=“必需”。删除冗余类属性将是很好的。

我发现closest answer不使用标签元素的属性,但要求标签与HTML中的输入直接相邻。

解决方法

CSS 2 Attribute Selectors怎么样
它在浏览器中相当兼容。

例:

<style>
label[required=required]
{
color: blue;
}
</style>
<label required="required" for="one">Label:</label><input name="one" id="one" />

还要检查this

猜你在找的CSS相关文章