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: 
You can't remove pseudo-class rules, but you can override them with event bindings:

```
$("#container").on('mouseover', function () {
   $(this).css('background', 'blue');
}).on('mouseout', function () {
   $(this).css('background', whateverItIsNormally);
});

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

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