我试图在文本后面显示asterisk red star
,但文本的宽度不允许在文本后面插入星号。见下面的例子
<div class="col-sm-4 col-sm-offset-1 required-field">
@Html.LabelFor(model => model.ContactPhoneNumber, new { @class = "control-label-nobold" })
</div>
<div class="col-sm-4 col-sm-offset-1 required-field">
<label class="control-label-nobold" for="ContactPhoneNumber">If you wish to be contacted by phone, enter your phone number</label>
</div>
.required-field:after {
content: "*";
font-weight: bold;
color: red;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
明星显示下一行
文字的宽度不允许我添加星号
如何在文字旁边添加星标?
答案 0 :(得分:6)
将以下内容添加到标签。
.required-field .control-label-nobold:after {
content: "*";
font-weight: bold;
color: red;
}
更新:抱歉,错过了.required-field类。
答案 1 :(得分:0)
通过这种方法,您可以在文本后显示所需的星号。
HTML:
<label>Title<span>*</span></label>
代码: $('label span')。css('color','red');