从Html.ActionLink中删除下划线

Question

我的页面上有一个Html.ActionLink,我正在使用下面的CSS给它一个图像并尝试删除下划线.....

a.searchButton
{
    background-image: url(/content/images/DropAcross.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display: block;
    text-decoration: none;
    clear:none;
}

任何人都可以看到这个问题吗？所有CSS属性似乎都与文本修饰无关:无,这似乎留下了下划线.

Answer 1

你必须看看渲染的HTML.在Firefox或Google Chrome中,右键单击并选择"检查元素".

你可能会发现一些愚蠢的东西,比如searchButton类被应用于包装a标签的span,在这种情况下,除了链接特定规则之外,你将获得一切正常工作:

text-decoration:none;

Answer 2

我知道这是一个老话题，但也许有人会认为它有帮助 -
上面提到的“text-decoration”属性可以通过如下构造传递给 ActionLink：

@Html.ActionLink("Display_Name","Action_Name",null,new {style="text-decoration:none;"})