Question: Lets say I have

```
<style>
    #container:hover{background:red}
</style>
<div id="container"><input type="submit"></div>

```

When I hover on submit, `#container` is still red. Can I remove that :hover on input mouseover with jquery? I do not want to change bg `$('#container').css('backgroundColor','color')`, I need something like `$('#container').removeAttr('hover')`.

Answer: 
Depending on your browser pointer-events:none might help

<https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events>
I applied this:

```
element.click(function(){
  element.hover(
    function(){
     element.css('background-color', '');
     element.css('color', '');
  },
    function(){
     element.css('background-color', '');
     element.css('color', '');
  });
});

```

And it seemed to work in removing the hover properties while retaining the original CSS.