title: CSS styling in MVC to display different @Html.ActionLink links
body: <p>In an MVC application, I need to display links rendered by @Html.ActionLink as buttons. I have the following code in site.css:</p>
  
  <pre><code>.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;        
  }
  </code></pre>
  
  <p>In the view I used a table layout for the links and referred the linkbutton class as:</p>
  
  <pre><code>  &lt;td class="linkbutton"&gt;
        @Html.ActionLink("Add Cab", "Create")
     &lt;/td&gt;
  </code></pre>
  
  <p>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.</p>
  
  <p>In CSS I tried:</p>
  
  <pre><code> a.linkbutton.link {
       /*Style code*/
   }
  </code></pre>
  
  <p>Then refer it from the view as:</p>
  
  <pre><code> Html.ActionLink("Add Cab", "Create", new {@class = "linkbutton"}). 
  </code></pre>
  
  <p>But, it is not working. Please help.</p>