Jump to content
Jimbo-77

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

Recommended Posts

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.

bouton_bordure.png.28c82ccabad403c7356086880dad61d9.png

 

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

Share this post


Link to post
Share on other sites

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;
}

 

Share this post


Link to post
Share on other sites

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 by Jimbo-77 (see edit history)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More