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

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）导致解析错误，使浏览器忽略整个节。