Buttonmarkierung in Formular

[psycotis]

Hallo,

kann mir jemand sagen wie ich verhindern kann, dass wenn ich ein Element in meinem Formular auswähle sofort ein als dünne schwarze Linie sichtbare Markierung um meinen submit Button dargestellt wird?

mfg

 

[Maik]

Mein CSS-Lösungsvorschlag: den Elementrahmen auf null setzen.

<input type="submit" value="Senden" style="border:0;">

 

[D@nger]

Hallo,
das geht so:

<input type="submit" onfocus="javascript:blur()">

 

[Maik]

@ D@nger: dein Tipp funktioniert beim Klicken des Buttons und deaktiviert die gepunktete Umrandung (wie bei den Links)

 

[D@nger]

Hi,
das weiß ich.

 

[Maik]

Dann lese nochmal die Eingangsfrage aufmerksam durch, klicke in dem nachfolgend verlinkten Formular in eines der Eingabefelder und achte dabei auf den Submit-Button: http://de.selfhtml.org/html/formulare/anzeige/input_submit_reset.htm.

Anmerkung: die schwarze Umrandung des Submit-Buttons wird nur im IE angezeigt.

 

[D@nger]

Hallo,
aber bei deinem Beispiel hat man ja dann garkeinen Rahmen mehr.
Außerdem wird der Rahmen auch in Opera angezeigt.

 

[Maik]

Wo kein Rahmen ist, gibt es auch keine schwarze Umrandung bzw. Markierung

Ich hatte das Formular eben nur im Firefox und IE getestet bzw. verglichen.

Der Lösungsvorschlag funktioniert auch im Opera (8.50).

 

[psycotis]

Hi,

danke für die Antworten.

Mein Fehler war wohl, dass ich nicht geschrieben habe das mein Button einen mit css vorgegebenen border hat, und somit der Vorschlag mit border=0; flachfällt.

sry

 

[Maik]

Alternativ könnte der Rahmen mit einer Hintergrundgrafik erzeugt werden

<input type="submit" value="Senden" style="background:url(button.png);border:0;">

<input type="image" src="button.png" alt="Senden">