Bonjour,

quand je clique sur un bouton par exemple sur save. il y a un une barre qui affiche dans le bouton (voir image).
Nom : Capture d’écran 2024-04-26 161847.png
Affichages : 206
Taille : 2,0 Ko

mon code button html:
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<input type="button2" id="Save" value="💾 Save Key"><br>

mon code css:
Code CSS : 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
input[type=button2] {
  background-color: #008CBA;
  color: white;
  width: 1310px;
  height: 35px;
  margin: 4px 2px;
  text-align: center;
  cursor: pointer;
  border: 2px solid black;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
}
 
input[type=button2]:hover {
  background-color: white;
  color: #008CBA;
}
 
input[type=button2]:active {
  transform: translateY(4px);
}

comment on fait pour bloqué le texte dans le bouton quand je clique dessus?