Input submit i usuniecie ponajechaniu na przycisk klasy hover

Question

<a href='tresc.php?kod=$kod&code=$code&#post$code'><input  type="image" src="img/ok.png" id="answer" title="Najlepsza odpowiedź! Pomogłem?"/> </a>

W jaki sposob zrobić aby po najechaniu na przycisk została usunieta klasa hover i przycisk nie podswietlał się...

#answer
{
width:35px;		
height:35px;		
background-color:black;
border:none;
}

#answer:hover
{
width:35px;		
height:35px;		
background-color:green;
border:none;
}

 

Answer 1

Jezeli dobrze rozumiem to moze zmien w js id inputa i w css ustaw mu takie same wlasciwosci jak w #answer a nie ustawiaj :hover.

EDIT:

Czyli przy zdarzeniu submit zmien id w input z answer na przykladowo answer2 a w css dopisz

#answer2
{
width:35px;     
height:35px;        
background-color:black;
border:none;
}

 

Comments

Chodzi mi oto zeby zanim wybierzesz najlepsza odpowiedz po najechaniu ptaszek zmienial sie na zielony a po wybraniu najlepszej odpowiedzi ptaszek zmienial swoj kolor na stale na zielony a pozostale paszki  juz niepodswietlaly sie na zielony po najechaniu tylko zostaly czarne ;) do tego słuzy mi klasa answer a ponajechaniu klasa answer:hover. Jak wybiore najlepsza odpowiedz to ptaszek zmienia sie na stale nazielony updatuje kolor do bazy danych iwyciagam z bazy kolor zielony) alejak zrobic zeby pozostale ptaszki nie zmienialy swojego koloru na zielony ;) podejrzewam ze daloby rade to zrobic w js usuwajac pseudoklase hover ;) ale....

Answer 2

Chcesz usunać zmiane koloru po najechaniu? Usuń pseudoklase :hover.

Comments

Rozumiem ze usunięcie pseudoklasy hover poprzez removeClass(':hover') ?

---

Poprzez usunięcie
 

#answer:hover

{

width:35px;    

height:35px;       

background-color:green;

border:none;

}

z .css

---

Tak ale kolor ma sie przestać zmieniać na zielony po najechaniu dopiero po wybraniu najlepszej odpowiedzi na pytanie po kliknięciu w submit ;) zanim ona zostanie wybrana kolor ma sie właśnie zmieniać :)

Answer 3

Jakiś pomysł ;)

Comments

Styluj po klasach.

W JS, po kliknięciu dodaj nową klase dla tego buttona, która będzie miała właściwość background z kolorem jakim chcesz, powinno zadziałać.

Taki przykład: http://codepen.io/kkondratowicz/pen/dXgawJ - usuń tą drugą klase 'br2' i zdarzenie hover zmieni kolor bloku, dodaj klase 'br2', hover nie zadziała.