При наведении сменить текст вопроса - PullRequest
Новая
       1

При наведении сменить текст вопроса

0 голосов
/ 28 марта 2011

Я пытаюсь сделать так, чтобы при наведении курсора мыши на «прямоугольник» он изменял текст внутри него.Тем не менее, кажется, что есть разрыв строки между галочкой / ошибкой и Последованием или Отписаться.Почему?

HTML: 

<a class="afp" href="demo.html">
<span class="addfriend2">
<span class="fr1">
<font color="#33FF00">&#x2713;</font > Following
</span>
<span class="fr2">
<font color="#FF0000">&#x2717</font> Unfollow
</span>
</span>
</a>

CSS: 

 .addfriend2 {
        border-radius: 15px;
        background: #517eca;
        padding: 8px;
        margin-left: 30px;
        text-align: center;
        font-size: 14px;
    }
    a.afp{
        text-decoration: none;
        color:#000000;
    }
    a.afp:visited{
        text-decoration: none;
        color:#000000;
    }
    a.afp:active{
        text-decoration: none;
        color:#000000;
    }
    span.fr2{
        display:none;
    }
a.afp:hover span.fr1{
    display:none;
}
a.afp:hover span.fr2{
    display:inline;
}

1 Ответ

1 голос
/ 28 марта 2011

Как ни странно, проблема была исправлена ​​при добавлении пропущенной точки с запятой перед Unfollow.

...