将CSS类属性应用于Firefox / IE与Chrome中的link元素

Question

我在将类应用于HTML元素时遇到问题。 它在Chrome中可以正常工作，但该类不适用于Firefox / Opera / IE的同一元素。

这是在Chrome中的外观： http : //cl.ly/0W0P3t102U0p3J141w0u 。 这是在Firefox中的外观： http : //cl.ly/1d0r2g3g3H2X1E0t2Q1x

不确定为什么以后的“忘记了”链接中没有应用样式（浮动样式和字体样式都没有）。 我检查了代码，看起来好像在后面的浏览器中渲染类时并没有选择该类。 这是代码：

#login-form  .forgot, #login-form .forgot::active {
    font-size: 14px;
    float: right;
    line-height: 28px;
    position: relative;
    margin-right: 7px;
}

<div class="field">
  <p>
    <label for="user_password">Password</label>
    <input id="user_password" name="user[password]" size="30" type="password" />
    <br />
    <a href="pb-forgot-password_beta.htm" class="forgot">Forgot?</a>
    <span class="iferror"> &nbsp; </span>
  </p>
</div>

Answer 1

可能是.forgot::active （应为.forgot:active ）中的双冒号导致解析错误，该错误使浏览器忽略整个节。