Asp.Net-MVC: How to style <%=Html.ActionLink()%> with Css?

Question

Hello,

Here's a piece of my HTML code

<div id = "mydiv">
    <% = Html.ActionLink("Some Text","SomeAction")%>
</div>

I'd like to style it in white so that it doesn't conflict with the background, which is also blue. So I did this:

#mydiv {background-color:blue;} 
#mydiv a:link { color:white}

But, it doesn't work -- the color it's still blue. How can I do it? Maybe, I just did not write well the selectors.

Thanks for helping.

Answer 1

#mydiv a { color:white; }

Answer 2

Try removing the :link and just having

#mydiv a { color:white}

this should colour the link white.

I'd recommend using the Firebug plugin for firefox also, this allows you to change the stylesheet and see instant changes as well as see which styles are being applied to each element, which styles are being 'overuled' by other styles etc.

Answer 3

Try:

#mydiv a { color:white}

Also, try remove the whitespace around your Id attribute (just in case): ->

Answer 4

Maybe

<%=Html.ActionLink("Text","Act","Ctrl",new {@style="color:white;"}) %>

Answer 5

Remove the :link suffix and you should be fine:

#mydiv { background-color:blue; }
#mydiv a { color:white; }

Alternatively you can add a class name to the link:

<div id="mydiv"> 
    <%= Html.ActionLink("Some Text", "SomeAction", 
            new { @class = "class-name" }) %> 
</div>