Wie entfernen, blau entfernen Rahmen um den button in Firefox?

Ich bin mit Firefox 10, Windows 7 und nicht sicher, ältere version, aber wenn ich klickte auf den button, der Blaue Rahmen um den button erscheint.

Ich habe das Beispiel unten.

http://jsfiddle.net/dEvKb/58/

Habe ich entfernt, die gepunktete Linie mit css unter, aber ich habe auch nicht wollen, blauer Rand. Ich kann nicht herausfinden, wie es zu entfernen oder ist es überhaupt möglich, zu entfernen?

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner
{
    border: none;
    outline: none;
}

unten hat nicht funktioniert...

input[type="button"]:visited
{
    outline: none;
    border: none;
}

Dieser böse Blaue Grenze, die ich spreche.

Wie entfernen, blau entfernen Rahmen um den button in Firefox?

  • Besucht? Seit Wann Schaltflächen markiert werden besucht? Welche OS (und das Thema, falls zutreffend) verwenden Sie? Erwägen Sie das bereitstellen einer Abbildung, zu...
  • Ich weiß, a:visited, so dass ich nur gab einen Versuch der leider nicht funktioniert
  • Ah, gut, Sie könnten versuchen, ohne die :visited; es gilt nur für besuchte links, und ein button ist kein link. Ich bekomme keinen blauen Rand in Firefox auf meinem Rechner, also kann ich nicht testen...
  • wirklich? hmm interessant, werde ich sehen, wenn ich screenshot
InformationsquelleAutor masato-san | 2012-03-02
  1. 5

    Ist die Benutzeroberfläche von Firefox, ob Themen-oder keine. Nicht etwas, das Sie bekam von der Codierung.

    Wenn es ist beunruhigend, dass Sie so viel Sie können es zurücksetzen und definieren Ihren eigenen Stil. Hier ist eine reset-Regel für die.

    button { background: none transparent; border: none; }

    Überprüfen Sie hier

    Und Sie können Ihr styling auf es später. Hier ist ein demo für, die. Sie können benutzerdefinierte Staaten für hover, visited , active mag die Art, wie, die Sie wollen.

    • +1, um Sie für die demo und sowas 🙂
    • Ah ich sehe, es gibt also keine Möglichkeit, halten Sie die Taste suchen und entfernen Sie nur Blaue Grenze... danke für die demo 🙂
    InformationsquelleAutor Starx
  2. 1

    Diese Blaue Grenze (was ist OS und Thema abhängig) ist, der anzeigt, dass die Schaltfläche den Tastaturfokus besitzt. Die punktierte Linie zeigt die gleiche Sache. Wenn Sie nicht kümmern, so dass Ihre Anwendung zugänglich zu den Leuten mit der Tastatur, dann können Sie restyle die Taste vollständig, so dass es keine einmalige Erscheinung, während der button fokussiert ist.

    Weil Erscheinungsbild der Schaltfläche, die Sie sehen, wird angegeben, indem das OS/browser-Thema, anstatt von CSS, es gibt keine Möglichkeit zu sagen, den browser via CSS zu "zeichnen Sie diese Taste, wenn es nicht fokussiert".

    Beachten Sie auch den Unterschied zwischen <button> und <input type="button">; geben Sie CSS-matching-sowohl in deinem ersten Beispiel, aber nicht im zweiten.

    • Danke für den Einblick 🙂
    InformationsquelleAutor Nicholas Riley
Schreibe einen Kommentar