使用 JQuery 我有一个错误检查,将一个类添加到 <input>
复选框。那有一个 :after
伪类,但该类显示的信息没有出现。
尝试了一些方法让它工作,但没有成功。这是我正在处理的网站:SITE
我能想到的唯一一个不起作用的其他原因是页面需要通过添加一个新类来刷新......但是我向它添加一个新类的其他所有东西都有效。
当复选框被选中并且没有选择扫描仪时,会出现错误检查。
这是我所有的相关代码:
HTML
<form id="lp5_form" class="prodForm">
<label><span>Apple Product: </span><select class="model">
<option value="0">iPod 5</option>
<option value="1">iPhone 5</option>
</select></label>
<label style="padding: 10px 0;"><h4>Sled Options :</h4></label>
<table>
<tr>
<td>Encryption Capability: </td><td><select class="encryption">
<option value="0">Standard</option>
<option value="1">SRED for PCI Compliancy</option>
</select></td>
</tr>
<tr>
<td>Scanner: </td><td><select class="scanner">
<option value="0">None</option>
<option value="1">1D</option>
<option value="2">2D</option>
</select></td>
</tr>
<tr>
<td>Bluetooth: </td><td><input class="bt" type="checkbox" value="bluetooth" /></td>
</tr>
</table>
</form>
CSS
.pn_error{}
.pn_error:after, .pn_error::after {
content: "*Please select a scanner";
color: red;
position: relative;
display: block;
width: 200px;
left: 20px;
top: -2px;
font-size: 12px !important;
}
JQUERY 错误检查
if(scanner == 0) {
bt = 0;
$(id+' .bt').addClass('pn_error');
}
像往常一样,非常感谢所有帮助。
最佳答案
:after
是伪元素,不是伪类。因此,它们不能应用于不允许子元素的元素。所以没有 img:after
,没有 br:after
,也没有 input:after
。
关于jquery - :after pseudo class not working outside Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23521794/