我想我不太明白:before
and :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;
}
为什么这不起作用?
我的小提琴在这里:http://jsfiddle.net/3EFTN/ http://jsfiddle.net/3EFTN/
生成的内容将作为您要添加到的项目的子项添加。因此浏览器正在执行此操作(为简洁起见,跳过了一些属性):
<input class="required">
<span class="after">*</span>
</input>
这是无效的。
看一眼spec http://www.w3.org/TR/CSS21/generate.html#before-after-content更好地理解它(它有关于浏览器如何解释它的示例)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)