Hyperlink hat doppelte Unterstreichung

Question

Ich habe einen Hyperlink auf meiner Webseite. Aus irgendeinem Grund gibt es 2 Zeilen darunter, wenn ich über den Link schwebe. Ich konnte eine der Zeilen mit text-decoration: none in CSS entfernen. Das Endergebnis ist das Problem. Ich bemerke, dass es eine einzige graue Linie gibt (die niedrigere der beiden), wenn es keinen Schwebeflug gibt, schwer zu sehen. Siehe angehängtes Bild.

HTML

<a href="http://www.mywebpage.com/" class="no-underline">My Web Page</a> 

CSS

.no-underline:hover {text-decoration: none} 

Answer 1

Wie oben von einigen vorgeschlagen, es war die Grenze. Unten funktioniert ich denke. @Dani Tipp, Element zu inspizieren, Prost dafür.

.no-underline:hover {text-decoration: none; border-bottom: 0} 

müssen nächsten Post vorsichtig gehen.

Answer 2

.no-Unterstrichen: Hover {text-decoration: none wichtig; Grenze: keine! Important;} .no-Unterstrichen {text-decoration: none wichtig; border:! Keine wichtige;}