CSS styling in MVC to display different @Html.ActionLink links

Question

In an MVC application, I need to display links rendered by @Html.ActionLink as buttons. I have the following code in 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;        
}

In the view I used a table layout for the links and referred the linkbutton class as:

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

The link is using the styles from the .linkbutton class. However, the text color that needs to be in white (#fff) is not inherited, despite being defined as color:#fff; in the CSS. Instead the default blue link color with an underline is getting displayed. I need the link to appear with white font color and without the underline.

In CSS I tried:

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

Then refer it from the view as:

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

But, it is not working. Please help.

Try a { color:inherit; }. Note a.linkbutton.link does not exist - it would be .linkbutton a {.. — user3559349
– user3559349, Commented Jul 21, 2014 at 7:32

Zabavsky · Accepted Answer · 2014-07-21 07:31:51Z

1

You can override the rules for links inside .linkbutton element, so instead of

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

write

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

answered Jul 21, 2014 at 7:31

Zabavsky

13.7k8 gold badges57 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

CSS styling in MVC to display different @Html.ActionLink links

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related