2008-11-16 6 views
7

Ich habe eine Frage zu den Senden-Button-Verhalten von Internet Explorer. Wenn ich die Seite lade, ist alles in Ordnung - der Submit-Button sieht aus wie er sollte.Submit Button-Stil in IE

Inactive state http://img58.imageshack.us/img58/7214/inactiveci9.jpg

Aber wenn ich in dem Formular klicken, wird der Submit-Button einig zusätzlichen Stil, Ich mag es nicht (siehe Bild für weitere Informationen).

Active state http://img238.imageshack.us/img238/5282/activeyi0.jpg

Wie kann ich dieses Verhalten zu deaktivieren. Ich verwende IE7 unter Vista.

Antwort

5

CSS:

input:focus, 
input:active, 
input:hover 
{ 
    outline: none; 
    border: 1px solid; 
} 

keine Garantien, aber das ist soll IE dumm stoppen.

Sie sollten den obigen Stil ein wenig erweitern, zum Beispiel Hintergrundfarbe oder Rahmenfarbe ändern, um eine alternative Änderung zu geben, die den Fokus anzeigt.

(Tabulatortaste drücken, werden Sie es sehen bewegen;), die zusätzliche Stil ist ein Indikator zeigt, welche Aktion wird bei Pressen durchgeführt werden ENTER)

+2

Warum ist IE dumm? Es folgt nur den Standard-Windows-UI-Konventionen. –

+1

@John, yay, aber was kommt zuerst, W3C oder Windows? –

+3

@Kent - Wo legt das W3C fest, wie die Submit-Buttons aussehen sollen? –

2

Ich habe das gleiche Verhalten in IE festgestellt. So weit ich weiß, ist die einzige Möglichkeit, dieses Verhalten zu verhindern, die Eigenschaft button border auf none zu setzen - nicht ideal, da dies offensichtlich den Stil Ihrer Schaltfläche beeinflusst.

1

Dies ist nur Standard-Windows-Verhalten, wo die Standardschaltfläche —, d. H. Die Schaltfläche, die geklickt wird, wenn Sie die Eingabetaste — drücken, bekommt eine etwas dickere Grenze.

5

Dies zeigt an, dass die Schaltfläche fokussiert ist. Es wird für die Tastaturnavigation benötigt. Sie sollten es nicht entfernen.

Wenn Sie jedoch Aussehen Ihres Designs über Benutzerfreundlichkeit und Zugänglichkeit bewerten, dann versuchen Sie hideFocus Eigenschaft (zumindest ist es nicht so schädlich wie blur()).