超鏈接有雙下劃線

Question

我在我的網頁上有超鏈接。出於某種原因，當我將鼠標懸停在鏈接上時，下面有兩行。我已經能夠在CSS中使用text-decoration: none刪除其中的一行。底線是問題。如果沒有懸停，我注意到有一條灰線（兩條中較低的一條），但很難看到。見附圖。

HTML

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

CSS

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

Answer 1

如上建議由少數，這是邊界。我想下面的作品。 @Dani提示檢查元素，爲此歡呼。

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

將不得不謹慎下一篇文章。

Answer 2

。沒有下劃線：懸停{文字裝飾：無重要;邊界：無重要;} 。沒有下劃線{文字裝飾：無重要;邊界：！無重要;}