Is there a way to do the same as done here with some Javascript?

AspMenu does not render css-class for 'selected' element

I want to use this CSS for the selected item in the menu

.s4-tn > .menu-horizontal ul li a.selected {
color: #ffffff!important;
background-color:#4682B4; /*Fallback*/
background: -webkit-gradient(linear, left top, left bottom, from(#4682B4), to(#4682B4));
background: -moz-linear-gradient(top, #4682B4, #4682B4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4682B4, endColorstr=#4682B4);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4682B4, endColorstr=#4682B4)";
| improve this question | | | | |

You could use jquery to select the tag that you want by the class/id/type of that and change the CSS by the css jquery property.

For example:

$("div").click(function () {
  var html = ["The clicked div has the following styles:"];
  var styleProps = $(this).css( ["width", "height", "color", "background-color"] );
  $.each( styleProps, function( prop, value ) {
    html.push( prop + ": " + value );
  $( "#result" ).html( html.join( "<br>" ) );

More information: http://api.jquery.com/css/

| improve this answer | | | | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.