没有用于标签的HTML选择器的CSS样式

时间:2017-08-09 15:12:33

标签: html css

我有一个HTML结构;

<label>
    <input type="checkbox"/>
    Some Name
</label>

我的标签标签没有任何HTML选择器。

我需要为“Some Name”文本应用一些CSS样式。有没有办法实现这个目标?

它应该适用于IE和Firefox。

4 个答案:

答案 0 :(得分:2)

您可以将CSS应用于label

&#13;
&#13;
label {
  color: red;
}
&#13;
<label><input type="checkbox" /> Some Name</label>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

没有办法做到这一点,你需要将它包装在一个HTML元素中,如[ButtonRequiredAttribute("NameOfYourButton")] <div>来设置样式。

答案 2 :(得分:1)

我不知道为什么你没有这个标签的包装标签,但我有一个建议。

  • 设置父标记的样式,以便每个子元素都可以继承父样式。比如,将一些样式应用于<form><body>,以便其中的每个元素都会生效。
  • 或者,为该标签设置单独的标签并应用样式。

答案 3 :(得分:0)

您可以将其包装在Label标签

HTML

     <label id="myLabel">
        <input type="checkbox"/>
<span>
        Some name
   </span>
 </label>

CSS

    #myLabel {
color:blue;
}
  span{
color:red;
}