Javascript to change a css class...

[RIRedinPA]

Is there a way with javascript to change a css class?

 

If I have a class

 

#content p.checkbox {

  padding: 4px 1px 0 0;

  height: 31px;

  background-color: #fff;

}

 

and want to change the background color to #ff0000 on a mouseover is there javascript to allow that?

 

[JustLikeIcarus]

Here is the jQuery version of that. Just include the jQuery library in the head

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

 

Then add this.

 

<script  type="text/javascript">
$(document).ready(function(){
  $('#content p.checkbox').hover(function(){
    $(this).css('bacground', '#ff0000');
  }, function(){
    $(this).css('bacground', '#ffffff');
  });
});
</script>

 

[Ken2k7]

A bit extensive to include a library for one functionality.

 

Anyway, not sure if this works:

 

#content p.checkbox:hover { 
  background-color: #ff0000 !important;
}

 

I don't even understand the concept of this. You want to change the checkbox background color?

[JustLikeIcarus]

A bit extensive to include a library for one functionality.

 

Anyway, not sure if this works:

 

#content p.checkbox:hover { 
  background-color: #ff0000 !important;
}

 

I don't even understand the concept of this. You want to change the checkbox background color?

 

That will work but not for IE

[Ken2k7]

That will work but not for IE

Nothing ever works in IE. It's such a fail browser. It fails on many performance tests.

 

1. You misspelled "background".

2. It's "background-color".

3. Does that also overwrite "!important" background colors if there is one?