bonjour,

j'ai un <div> dont je change la coloration lorsque je passe le curseur dessus comme ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#menu_connexion{
float:right;
margin:0;
padding:0.2em 1em;
background-color:rgb(45,15,180);
color:White;
font-size:0.9em;
font-weight:bold;
border-left:1px solid white;
border-top:2px solid rgb(45,15,180);
border-bottom:2px solid rgb(45,15,180);
}
 
#menu_connexion:hover{
background-color:rgb(230,235,255);
color:rgb(225,95,0);
border-left:2px solid rgb(45,15,180);
font-weight:bold}
je voudrais que lorsque je clique sur mon <div> que ça couleur devienne rouge (par exemple) et que le hover soit désactivé.
Ensuite, si je reclique sur mon <div>, je voudrais que mon Hover soit réactivé

comment faire ?