使用pseudos悬停时奇怪的下划线

Question

您可以看到悬停时，下划线会短暂闪烁。我不知道如何摆脱它。

.toggle2:hover:before {
content:"➝ \00a0 Close profile";
color: #2d2d2d;
text-decoration: none;
}

http://jsfiddle.net/1udwnosL/

Answer 1

更改

border-bottom: solid 1px transparent;

到

border-bottom: solid 0px transparent;

Answer 2

因为你的css的一行

  .toggle2:hover {
        border-bottom: solid 1px transparent; /*--Remove it and see if it ok for you--*/
        transition: all .3s ease-out;
        text-decoration: none;
    }

Answer 3

为.toggle2添加边框。 CSS也试图为这个属性设置动画。

＆＃13;

＆＃13;

.toggle2 {
    text-decoration: none;
    width: auto;
    border-bottom: solid 1px transparent;
    transition: all .3s ease-out;
}

＆＃13;

＆＃13;

＆＃13;

请参阅下面的固定文件 http://jsfiddle.net/drk5rxpe/