html - MVC 中的 CSS 样式显示不同的@Html.ActionLink 链接

Question

在 MVC 应用程序中，我需要将 @Html.ActionLink 呈现的链接显示为按钮。我在 site.css 中有以下代码:

.linkbutton {
       font-family: Constantia, Georgia, serif;
       text-align:justify;
       padding-left: 22px;
       background-color:#FF7F00;  
       color:#fff;     
       border: 1px solid #333;
       cursor: pointer;
       font-size:1.2em;       
       width: auto;
       height:auto;        
}

在 View 中，我为链接使用了表格布局，并将 linkbutton 类引用为:

  <td class="linkbutton">
      @Html.ActionLink("Add Cab", "Create")
   </td>

链接正在使用 .linkbutton 类中的样式。但是，需要为白色的文本颜色 (#fff) 不会被继承，尽管被定义为 color:#fff;在 CSS 中。取而代之的是显示带有下划线的默认蓝色链接颜色。我需要链接以白色字体颜色显示且没有下划线。

在 CSS 中我试过:

 a.linkbutton.link {
     /*Style code*/
 }

然后从 View 中将其引用为:

 Html.ActionLink("Add Cab", "Create", new {@class = "linkbutton"}). 

但是，它不起作用。请帮忙。

Answer 1

您可以覆盖 .linkbutton 元素内的链接规则，因此不用

a.linkbutton.link {
    /*Style code*/
}

写

.linkbutton a {
    color: #fff;
    text-decoration: none;
}