This could be another way to solve the same problem:<br><br><style><br>label + input[required] + span:after { content: " * "; }<br></style><br><label for="name1">Name</label><br>
<input id="name1" type="text" required><span>&nbsp;</span><br><br>However, the above does not work on IE6 (attribute selectors).<br><br>So the id/class suggested by Chris is actually the most cross-browser solution.<br>
<br>Diego<br><br><br><div class="gmail_quote">On Sat, Aug 21, 2010 at 3:26 PM, Chris Cressman <span dir="ltr"><<a href="mailto:chris@chriscressman.com">chris@chriscressman.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
<div class="im">> Why not make "required" an acceptable attribute for the label element?<br>
<br>
</div>The class or title attribute can solve your problem:<br>
<br>
<label class="required"><br>
label.required:after {content:"*"}<br>
<br>
<label title="required"><br>
label[title~="required"]:after {content:"*"}<br>
</blockquote></div><br>