Usunięcie pseudoklasy hover w JS Opcje

[hiper0007]

Witam w jaki sposób po kliknięciu w przycisk za pomocą JS usunąć pseudoklase hover zeby przycisk nie zmieniał swojego koloru po najechaniu na niego ? I pozostał czarny

[trueblue]

Dodać inną klasę, a selektor hover zmienić na:

element:not(.nowaklasa):hover{
}

[Comandeer]

Albo dodać do normalnego selektora selektor z .nowaklasa:hover.

[hiper0007]

Dodać nowa klasę za pomocą JS tj. addClass?

[trueblue]

Jeśli dobrze rozumiem, że po kliknięciu chcesz aby hover już nie działało, to tak. Poprzez addClass.
Ewentualnie odwrotnie (być może to miał na myśli Comandeer) - element domyślnie ma mieć klasę i selektor z hover oparty o tą klasę, a podczas kliknięcia usunąć klasę.

[Comandeer]

Raczej chodziło mi o konstrukcję typu:

Kod

.button, .button.klasa:hover {
    podstawowe style
}
.button:hover {
    style dla :hover
}

No i addClass to nie JS a jQuery. W JS to byłoby albo elem.className +=, albo elem.classList.add.

[hiper0007]

Dokładnie wszystkie elementy maja być aktywne z hover do momentu kiedy nie wybiorę najlepszej odpowiedzi jak klikne w ptaszka to kolor ma sie zmienić na zielony i zarówno ten jak i pozostale elementy maja być juz nieaktywne po najechaniu ma nie być efektu hovera klasa to #answer z hoverem #answer:hover i rozumianym ze musiałbym usunac ta pseudo klasę hover ?