javascript - 防止将鼠标悬停在事件状态上

如果它已经通过css处于活动状态，如何防止悬停button，div，li？

#list-of-tests .item-test:hover {
    background-color: #4d5f75;
    border: solid 1px #4d5f75;
}

#list-of-tests .item-test:active {
    background-color: #93c3cd;
    border: solid 1px #93c3cd;
}

最佳答案

两种方式：

1）使用!important表示:active状态：

#list-of-tests .item-test:active {
    background-color: #93c3cd !important;
    border: solid 1px #93c3cd !important;
}

2）指定多种状态：

#list-of-tests .item-test:active,
#list-of-tests .item-test:active:hover {
    background-color: #93c3cd;
    border: solid 1px #93c3cd;
}

关于javascript - 防止将鼠标悬停在事件状态上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10155816/