Применение атрибутов класса CSS к элементу ссылки в Firefox / IE против Chrome - PullRequest
Новая
       14

Применение атрибутов класса CSS к элементу ссылки в Firefox / IE против Chrome

0 голосов
/ 30 августа 2011

У меня проблема с применением класса к элементу HTML.Он отлично работает в Chrome, но класс не применяется к тому же элементу для Firefox / Opera / IE.

Вот так выглядит в Chrome: http://cl.ly/0W0P3t102U0p3J141w0u. Вот так выглядит в Firefox: http://cl.ly/1d0r2g3g3H2X1E0t2Q1x

Не уверен, почему стиль не применяется в дальнейшем "Забыл "ссылку (ни float, ни стиль шрифта).Я проверил код, и кажется, что класс не выбирается при рендеринге в последних браузерах.Вот код: 

#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>

1 Ответ

3 голосов
/ 30 августа 2011

Возможно, двойное двоеточие в .forgot::active (которое должно быть .forgot:active) вызывает ошибку разбора, которая заставляет браузер игнорировать весь раздел.

...