Discussion :

[Drake_Strife]

Bonjour,

Voila maintenant plusieurs heures que je cherche une solution pour enlever la bordure ou la outline des boutons sur mon site https://www.piege-a-frelon.fr. Je suis passé par toutes sortes d'essais, mais sans aucun succès. En voici quelques exemples :

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
25
26
27
28
29
30
31
32
33
34
35
 
button:active {
	border: none; !important
	outline-style: none; !important
}
 
a:active {
	border: none; !important
	outline-style: none; !important
}
 
ul:active {
	border: none; !important
	outline-style: none; !important
}
 
li:active {
	border: none; !important
	outline-style: none; !important
}
 
a.bouton:active {
         outline-style:none;
}
 
a {
	outline-style:none;
}
ul {
	outline-style:none;
}
 
li {
	outline-style:none;
}

Plus en détails, je souhaiterai enlever la bordure violette qui s'affiche sur tous mes boutons (y compris sur les liens du menu) lors du clic souris. J'ai également cherché du coté du thème que j'ai installé (Storefront), mais il n'y a aucun élément de cette couleur violette dans les paramètres.

Pour moi cela reste une énigme, j'espère que vous pourrez m'indiquer quelques pistes à explorer.

En vous remerciant tout d'avance.

[Drake_Strife]

En creusant encore plus, voici ce que j'ai pu trouver pour corriger mon problème :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
.hentry .entry-content a.button, .hentry .entry-content a.components-button:not(.is-link), .hentry .entry-content a.wp-block-button__link {
	outline: none;
}
 
.main-navigation ul li a, .main-navigation ul li > a, .site-title a, .site-header ul.menu li.current-menu-item > a {
	outline: none;
}
 
.site-header-cart .widget_shopping_cart .product_list_widget li a.remove {
	outline: none;
}

Si vous avez plus simple, je suis preneur

[Invité]

Bonjour,

N'y aurai t'il pas également un lien avec le :focus ?
par exemple :

Code :

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

1
2
3
4
a:focus,
button:focus{
 outline-style: none;
}