Style par défaut safari mobile sur les boutons

Voila j'ai créé mon site il y a peu de temps.
Et pour le rendre le plus propre possible je cherche a enlever un effet que rajoute safari mobile (testé sur IOS 6) sur les boutons comme ci dessous :



J'ai essayé de supprimer cette effet comme ceci :
.mon-element:focus{-webkit-appearance: none;}

et même :
.mon-element:active{-webkit-appearance: none;}

Mais sans résultat, je sais qu'il est possible de l'enlever, j'ai utilisé le framework jquerymobile à diverse reprise et cette effet n'est pas visible, mais après avoir chercher je n'ai rien trouvé...

Et comme cette effet s'applique sur tous les éléments < a > c'est assez gênant

Bonjour,

Tu as une adresse en ligne ?

Oui :
http://louis-landier.com/

Hello,

J'avoue que je sèche un peu...
Pourtant sur des inputs, cela semble fonctionner (i.e supprimer le style natif du navigateur) - cf démo
Sur les exemples que j'ai pu trouver, c'est toujours appliqué à l'élément, jamais avec une pseudo classe, ceci expliquant peut-être cela ?

J'appronfondirai à l'occasion

Ceci étant dit, est-ce réellement si gênant que cela ?

Salut,

essaie le tap-highlight-color en RGBA (avec alpha à 0)

a{-webkit-tap-highlight-color: rgba(0,0,0,0);}