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;        
}

在视图中，我使用链接的表格布局，并将linkbutton类称为：

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

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

在CSS中我尝试过：

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

然后从视图中将其引用为：

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

但是，它没有用。请帮忙。

Answer 1

您可以覆盖.linkbutton元素内链接的规则，而不是

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

写

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

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

1 个答案: