ubuntuusers.de

Wenn ich auf den Button einer Website klicke (z.B. den "Suchen" Button hier im Forum), dann erscheint dort ein gepunkteter Rahmen, der den Focus anzeigen soll. Kann ich den auf meiner Webseite irgendwie ausblenden?

Gruß, Meister.

Das dürfte das CSS-Attribut outline sein.

http://www.css4you.de/outline.html

Also mit

outline:none;

Danke, damit ist mir halb geholfen. Outline:none funktioniert prima bei einem normalen Link, aber bei einem Input-Button habe ich es nicht hinbekommen :-/

Gibt es noch weitere Ideen?

Habe gerade noch eine viertel Stunde das Orakel befragt und eine Antwort gefunden. Für alle die es interessiert, folgender, syntaktisch merkwürdiger Ausdruck bringt bei Knöpfen die gepunkteten Rahmen zum verschwinden:

.suchknopf::-moz-focus-inner {border: 1px dotted transparent;}

border: none dürfte reichen. Dir ist aber klar, dass das eine Mozilla-spezifische Eigenschaft ist, die nur von Gecko ausgewertet wird? Andere Browser-Engines wie Webkit, KHTML, und vor allem der Internet-Explorer können damit nicht unbedingt etwas anfangen.

Warum willst die Fokuslinien überhaupt zum Verschwinden bringen? Das ist nicht unbedingt hilfreich für den Nutzer ...

Lunar schrieb:

Warum willst die Fokuslinien überhaupt zum Verschwinden bringen? Das ist nicht unbedingt hilfreich für den Nutzer ...

Eben, die stellen eine wichtige Orientierungshilfe für Menschen dar, die den PC ohne Maus bedienen (müssen). Im Sinne der Barrierefreiheit sollte man diese nicht anrühren. Ich hab keine Behinderung und navigiere trotzdem häufig mit der Tab ⇆ -Taste durch die Links auf Webseiten, gäbe es diese Hervorhebung nicht, wäre eine Orientierung unmöglich. Warum willst du das abschalten? Stört doch nicht?

~jug

Ich will das nur für meine persönliche Startseite einsetzten. Da helfen mir die Rahmen kein bisschen, sondern sind einfach hässlich. Deshalb ist es auch kein Problem, dass die Angaben Browser-spezifisch sind. Aber Danke, dass Ihr Euch um meine Seite Sorgen macht 😉

Meister0815 schrieb:

Ich will das nur für meine persönliche Startseite einsetzten. Da helfen mir die Rahmen kein bisschen, sondern sind einfach hässlich. Deshalb ist es auch kein Problem, dass die Angaben Browser-spezifisch sind. Aber Danke, dass Ihr Euch um meine Seite Sorgen macht 😉

Deine Seite ist mir ziemlich egal. Gutes Webdesign nicht. Und mit solchen Standards zu brechen und „nicht barrierefrei“ zu arbeiten ist das Gegenteil von gutem Webdesign.

~jug

@jug: „Gutes Webdesign“ ist allerdings nun nicht die primäre Anforderung für eine persönliche Startseite, die den eigenen Rechner nie verlässt und die niemand anderes zu sehen bekommt 😉

Standards und Barrierefreiheit in allen Ehren, aber man muss deswegen nicht gleich auf Kreuzzug gehen ...

@jug: Hört, hört! 😀

@Lunar: So dachte ich mir das auch ungefähr.

Falls es euch interessiert, könnt ihr hier euch übrigens das Ergebnis angucken (jug zuliebe in einem Browser-unabhängigen .png 😉 )

@Meister0815: Nicht mein Fall, aber es muss ja Dir gefallen ☺