：伪类无法在Chrome外部工作

Question

使用JQuery我有一个错误检查，它将一个类添加到<input>复选框。它有一个:after伪类，但该类显示的信息不会出现。

尝试了几件事来让它发挥作用，但没有骰子。这是我正在处理的网站：SITE

我能想到的唯一另一个原因就是页面需要通过添加新类来刷新...但是我添加新类的其他所有内容都可以工作。< / p>

选中复选框并且未选择扫描仪时，将显示错误检查。

以下是我的所有相关代码：

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');
}

像往常一样，非常感谢所有帮助。

Answer 1

:after是伪元素，而不是伪类。因此，它们不能应用于不允许儿童的元素。所以没有img:after，没有br:after，没有input:after。