css - ASP.net MVC navbar-brand to header text color -
it's amazing there no easy find answer one:
i want change textcolor of actionlinks in header. have tried code:
css:
.navbar-brand { color: black } .navbar-brand:visited { color: black } .navbar-default-color { color: black }
cshtml:
@html.actionlink("home", "index", "home", new { area = "" }, new { @class = "navbar-brand" }) </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li>@html.actionlink("senders", "index", "senders", new { @class = "navbar-brand" })</li> <li>@html.actionlink("responders", "index", "responders", new { @class = "navbar-brand" })</li> </ul>
all of actionlinks in header inherits style navbar-brand. home actionlinks gets it's text color changed. (see picture) http://i.imgur.com/l0hjmk2.png
notice actionlinks do in fact inherit text-size , font. bloody text-color!
how change ugly grey color of other actionlinks using css?
sorry dumb question, why doesn't work?
the easiest way:
.navbar-brand { color: black !important } .navbar-brand:visited { color: black !important } .navbar-default-color { color: black !important } .navbar-inverse { color : #ffffff !important }
i belive happends becouse li
element has own style , css rules first styles element selectors , class selectors.
you can watch chrome -> f12 -> inspect element
Comments
Post a Comment