4

是否可以在文本字符串的末尾添加星号<label>？

这就是我所拥有的，但星号（当然）显示在整个标签后面：

<label class="xy-form-label-required" for="zipcode">
   Zip Code
   <span class="xy-form-labelinfo">
       Allowed characters a-z A-z 0-9 ,.-
       Could also be an information about the field...
   </span>
</label>

我的 CSS 代码：

form.xy-form .xy-form-label-required:after {
    color: grey;
    content: ' *';
}

这是结果：

邮政编码
允许的字符 az Az 0-9 ,.-
*

这就是我想要在不更改 html 标记的情况下实现的目标。

邮政编码*
允许的字符 az Az 0-9 ,.-

4

4 回答 4

5

您可以简单地添加以下 CSS 代码

.xy-form-label-required > span.xy-form-labelinfo:before{
  color: grey;
  content: " *";
}
于 2013-01-11T13:10:09.510 回答
2

除了错别字，您需要在信息标签之前添加星号：

.xy-form-label-required .xy-form-labelinfo:before{
    color: grey;
    content: ' *';
}
于 2013-01-11T13:09:16.587 回答
2

我必须像这样更改标记，如果没有 < 选择器（尚不可用），就无法实现我想要的：

<label class="xy-form-label" for="zipcode">
    <span class="mc-form-asterisk>Zip Code</span>
    <span class="xy-form-labelinfo">
        Allowed characters a-z A-z 0-9 ,.-
        Could also be an information about the field...
    </span>
</label>

我的 CSS 代码：

form.xy-form .xy-form-label .xy-form-asterisk:after,
form.xy-form .xy-form-label-required:after {
    display: inline-block;
    color: grey;
    content: '\a0*';
}

我认为仍然没有那么糟糕。不过，还是谢谢各位的建议！

于 2013-01-16T13:55:18.077 回答
0

您在元素后添加星号，而不是文本节点。为了达到你想要的效果，你需要使用 javascript 即这样的东西：http://jsbin.com/udiroz/2/edit 但我不会这样。

不知道这在您的情况下是否可行，但我建议将标记更改为如下所示：http: //jsbin.com/udiroz/1/edit 在我看来，标签不是用于获取其他信息的好地方，例如允许或不允许使用哪些字符、验证错误等。

于 2013-01-11T13:53:58.087 回答