Discussion :

[Tamzoro]

Bonsoir,

Lorsque ma souris survole le bouton btn, celui-ci devrait avoir un fond rouge et visiblement ça ne fonctionne pas je n'arrive pas à comprendre pourquoi ?

Donc en HTML, j'ai ceci :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="form_padding_button">
     		<input type="submit" name="signup" value="valider" class="btn">
</div>

Et en CSS

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
19
20
21
22
23
24
.btn{
  height: 30px;
  width: 160px;
  background:rgba(0,0,0,0);
  border: solid 3px;
  border-color: #C22312;
  color: #C22312;
  text-align: center;
  font-family: 'K2D', sans-serif;
  font-size: 18px;
  font-weight: bold;
  word-spacing: 0px;
  float: left;
  margin-left: 280px;
 
 
}
 
 
.btn a:hover{
  background-color: red;
  color: black;
 
}

Merci pour vos explications

[Invité]

Bonjour,

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.btn a:hover{

Où as-tu vu une balise <a> ?

[Tamzoro]

Arrgg... Effectivement merci je n'avais pas fait attention.