如何在文本中用*更改标签的颜色

Question

我有这样的标签

<label> User Type*: </label>

现在有任何方法可以将标签的颜色更改为红色，如果文本仅包含CSS

我只能编辑css。我不能使用Javascript。

Answer 1

不，如果没有javascript，您将无法仅设置*的样式。你需要做的是将*放在它自己的元素中，并设置该元素的样式。

示例：

HTML

<label> User Type<span>*</span>: </label>

CSS

label span { color: red; }

示例小提琴：http://jsfiddle.net/Ee9L3/

编辑：看起来我误解了这个问题。不，没有办法做你想做的事。最简单的替代方法是在标签上添加一个类。

HTML

<label class='required'>User Type*: </label>

CSS

label.required { color: red; }

Answer 2

无法仅在CSS中更改*。我建议做这样的事情：

<label> User Type<span class="red">*</span></label>

如果您无法更改HTML，则可能会失败。我想你可以在你的CSS中做这样的事情：

label:after {
   content: "*";
   color: red;
}

Answer 3

很抱歉，但是 - 如果你无法编辑html并且无法使用javascript - 那么只有css（还有？！）无法做到这一点

Answer 4

如果我没记错的话，CSS3有一个非常短暂的：contains（）伪类。不幸的是，它已从规范中删除，并且单独使用CSS无法做到这一点。

IE有一种方法可以使用.HTC文件将JavaScript行为附加到CSS。但是，这只适用于IE，而不适用于任何其他浏览器，所以这不是一个好的答案。

您需要某种JavaScript或访问HTML本身。这是唯一的方法。抱歉。

Answer 5

这很容易。这是以前答案的混合。

HTML：

<label class='required'>Direcció <span class="red">*</span></label>

CSS：

label.required>span.red{ color: red; }