Pointillés entourant le contenu d'un select sur Firefox

Bonjour,
J'ai fais récemment un formulaire dans lequel il y a un champ select.
Je remarque que j'ai un trait en pointillé qui entoure le contenu de mon champ select. Ce problème apparaît seulement sur Firefox.
J'ai essayé les solutions suivantes, mais ça n'a pas l'air de fonctionner.

outline:0;

Il marche très bien sur des liens basiques a, mais pas sur le select.

Mais aussi :

.boutonsubmit::-moz-focus-inner{
    border:0;
}

pour cibler Firefox avec un bouton, mais ça ne marche pas non plus pour un select.

Quelqu'un aurait-il une idée ?

merci par avance,

J'ai aussi essayé ça, mais ça ne marche pas :

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

Salut, as tu un exemple en ligne?

Bonjour SuperMerguez. Merci pour ton aide.

Oui, voici le lien d'exemple : http://hlcg.net/TESTMDE/formulaire/testforum.html
J'ai isolé le formulaire.

C'est donc au niveau du select que le Outline s'affiche au focus.

J'ai remarqué qu'en parcourant différents forums, je n'était pas le seul à avoir ce problème, mais je n'ai pas encore vu de résolution.

merci,

La dernière version normalement (48.0.1)

Également sur la version "développeur" de Firefox (50.0a2)

salut,
si je ne dis pas de bêtises, il ne te sera pas possible d'enlever l'outline sur un <select>.

Il faut juste garder en tête que ces pointillés sont importants si tu ne gères pas l'état de :focus sur tes éléments. Ils servent à se repérer pour les personnes qui utilisent une navigation au clavier par exemple.

Oui, je comprend, néanmoins, on peut voir aussi le curseur passer d'un champ à l'autre également au clavier.

Mais oui, dommage pour le select.

Merci beaucoup pour votre réponse.