hover和onclick事件冲突，怎么解决？【已解决】

Question

Input,已经设置背景1，hover修改背景成背景2，onclick又要修改成背景3，已试过!important，还是有问题

Answer 1

.box{
  width: 100px;
  height: 100px;
  background: red;
}
.box:hover{
  background: blue;
}

<div class="box"></div>

document.getElementsByClassName('box')[0].onclick = function(){
  this.style.backgroundColor = 'green';
}

Answer 2

谢谢，已经解决了，用if一下就好

Answer 3

代码发出来看看