当光标悬停时，使ActionLink显示为点和纯色

Question

在我的网站中，当光标鼠标悬停时，我的所有链接都加下划线。对于特殊情况我有例外。所以我有一些ActionLink，我希望链接被点缀，并且悬停链接必须加下划线。我无法做到这一点。

这里是我做的：

@Html.ActionLink("Lire la suite...", "Details", new { slug = @post.Slug } , new { @class = "dotted-link" }) 

的CSS：

.dotted-link 
{ 
text-decoration: none; 
border-bottom-style:dotted; 
border-bottom-width: 1px; 
} 

结果：

结果时，悬停它：

正如你所看到的，我有一个虚线的边框和一个简单的边框？！

实现此目的的最佳方法是什么？

谢谢。

Answer 1

a.dotted-link { 
    text-decoration: none; 
    border-bottom-style: dotted; 
    border-bottom-width: 1px; 
} 

a.dotted-link:hover { 
    border-bottom-style: none; 
}