J'ai un bouton qui devient bleu lorsque l'utilisateur s'y accroche pendant un moment, exemple ci-dessous sur mobile. Échantillon ci-dessous

enter image description here

Ce n'est pas un problème avec ::selected ou contour, j'ai ajouté cela et cela n'a pas fonctionné.

Le bouton entier devient bleu pendant quelques secondes et disparaît. Comment puis-je empêcher le bouton de devenir bleu?

0
WhiteHox 17 sept. 2020 à 10:02

2 réponses

Meilleure réponse

Comme je pourrais le déduire de votre énoncé de problème, le background-color de votre bouton peut changer en raison de la pseudo-classe :active agissant dessus qui reste pendant quelques secondes de clic sur le bouton, puis lorsque le clic est relâché, il disparaît. Vous pouvez cibler le sélecteur button:active et remplacer le comportement par les background-color et color souhaités. J'ai essayé de créer une maquette de ce qui pourrait vous aider.

button{
background-color: blue;
color: #ffffff;
height: 32px;
}
/* scenario you might need to override with the background color you want to retain */
button:active{
background: darkblue;
}
<button type="submit">Trial</button>
0
Ritika Gupta 17 sept. 2020 à 07:34

Pourriez-vous s'il vous plaît poster votre code. Une autre façon dont nous ne pouvons pas vous aider. nous ne connaissons pas le problème. pourquoi le bouton ressemble à ça. Vous nous parlez du problème mais vous n'avez rien montré sur le problème

0
NAO 17 sept. 2020 à 07:42