我不认为我完全理解 :before
和 :after
因为我无法让它工作。我只是想在表单中的必填字段后添加一个星号。
我的代码很简单:
<input id="name" type="text" required="required" autofocus="" placeholder="Name" autocomplete="off" value="" maxlength="40" class="required" name="name" />
/* Required field */
.required:after {
content: '*';
color: #EF5F5F;
}
为什么这不起作用?
我的 fiddle 在这里:http://jsfiddle.net/3EFTN/
最佳答案
生成的内容被添加为您要将其添加到的元素的子项。所以浏览器正在这样做(为简洁起见跳过了一些属性):
<input class="required">
<span class="after">*</span>
</input>
这是无效的。
看看spec更好地理解它(它有关于浏览器如何解释它的示例)。
关于html - 尝试在必填字段中添加星号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15728855/