Impossible de modifier la bordure des boutons dans le thème Classic ?

[Jimbo-77]

Bonjour,

Je suis en train de modifier les couleurs du thème classique pour l'adapter à la charte que j'ai comme référence.

Globalement, je n'ai pas de souci. Par contre il me reste la bordure que je n'arrive pas à modifier. Je ne trouve pas où est définie la couleur de cette dernière.

Ci joint la capture de la bordure bleue que je veux modifier. Elle apparaît lors du focus.

 

Je me demande d'ailleurs si ce n'est pas une couleur par défaut du navigateur. Je soupçonne notamment cette directive : 

outline: 5px auto -webkit-focus-ring-color;

Si quelqu'un à la solution, je suis preneur.

Merci,

Jim

[BeComWeb]

Bonjour

Oui c'est très probablement ça.

L'outline est en général ajouté au focus sur les éléments <button>, <a> ou <input>.

Donc ajoutez ça dans la feuille de style et regardez le résultat, ça devrait faire l'affaire

.btn.add-to-cart:focus{
   outline:none;
}

 

[Jimbo-77]

Merci pour cette réponse.

Faut que je teste en éditant mon custom, mais en tout cas via Chrome ça a l'air de le faire.

Edited May 7, 2019 by Jimbo-77 (see edit history)