Unfähig, sich in Radios und Kontrollkästchen Firefox Fokus Anzeige los

Question

Ich versuche, in Firefox loswerden einem blauen Fokus Umriss zu bekommen. Wenn ich die Umrandung auf 0 oder keine setze, passiert nichts. Wenn ich den Umriss auf etwas anderes setze, erscheint ein separater Umriss (im Beispiel ist es ein quadratischer grüner). Ich habe auch versucht, einen Boxschatten zu verwenden. Aber wenn ich versuche, die Grenze zu entfernen oder zu ändern, passiert nichts. (Ich kann keinen separaten Rahmen erstellen oder den automatischen Umriss entfernen.) Im Beispiel habe ich sogar versucht, einen Inline-Stil mit! Wichtig zu verwenden. Wenn ich das Snippet im Editor in Firefox starte, erscheint sofort der Fokus-Umriss.

$(function(){ 
 
    $('#test').focus(); 
 
});

[type=radio]:focus { 
 
     box-shadow:1px 1px 4px red; 
 
     outline:1px solid green; 
 
     border:0 !important; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="radio" name="question-preview2" /> 1<br> 
 
<input id="test" type="radio" name="question-preview2" /> 2<br> 
 
<input style="border:none !important;" type="radio" name="question-preview2" /> 3<br>

Edit: -moz-Auftritt: none; fast fixiert es ... aber das Radio scheint immer noch ein bisschen anders (hat eine versunkene Erscheinungsbild)

$(function(){ 
 
    $('#test').focus(); 
 
});

input:focus{-moz-appearance:none;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="test" type="radio" name="question-preview2" /> 1 <- has sunken appearance<br> 
 
<input type="radio" name="question-preview2" /> 2<br> 
 
<input type="radio" name="question-preview2" /> 3<br>

Answer 1

Versuchen :: mit - moz-Fokus-Innen, dann brauchen Sie nicht um den Fokus-Pseudo-Selektor anzugeben. Das hat für mich funktioniert.

Answer 2

Es scheint nicht möglich zu sein. This answer (zusammen mit dem unmittelbar folgenden) erklären, warum das nicht möglich ist.