Wenn Sie Chrome oder Safari verwenden, zeigt ein active text box
oder text area
einen blau/orangefarbenen border
um die Box. Ich habe einige Seiten gesehen, die das loswerden, aber ich habe ihre CSS
kopiert und sie ist immer noch da. Wie mache ich es?Wie wird die Hervorhebung eines Textfelds in Chrome/Safari entfernt?
Antwort
Das folgende CSS entfernt in der Regel die Standard-Highlight-Grenze:
input:focus {outline: none; }
Es ist daran zu erinnern, dass der Umriss ein nützliches visuelles Feedback für den UI-Fokus ist, für die Benutzer keine Maus (Tastatur-Navigation verwenden, für Beispiel), und es lohnt sich, einen anderen visuellen Hinweis zu ersetzen, um den Verlust des Umrisses zu ersetzen.
Danke! Ja, ich bin definitiv ... es ist nur ein Hintergrund für die Eingaben, der es hässlich aussehen lässt. – Chris
Als Antwort dann markieren. –
@Chris, immer ein Vergnügen. Und es war eine Just-in-Case-Erinnerung, keine Beleidigung beabsichtigt =) –
können Sie
input:focus, textarea:focus {
outline: 0;
}
verwenden, aber versuchen Hinweise an den Benutzer zu geben, dass das Formularelement fokussiert ist, für die Zugänglichkeit Gründen.
Nun, ich werde dir +1 geben, da wir die gleiche Antwort zur gleichen Zeit gefunden haben ... (Ich würde mich sonst unhöflich fühlen) =) –
Ich habe gerade dies:
:focus { outline: none; }
- 1. Hervorhebung eines Textfelds
- 2. Fokussieren eines Textfelds in swift
- 3. jQuery: die Breite eines Textfelds festlegen?
- 4. Validierung eines Textfelds wpf
- 5. Was ist die praktische Grenze eines Textfelds?
- 6. Lesen von Text eines Textfelds
- 7. Automatisch die Eingabe eines Textfelds in ein anderes Textfeld kopieren
- 8. Wie lege ich die Größe eines HTML-Textfelds fest?
- 9. Wie erhöhen Sie die Höhe eines HTML-Textfelds
- 10. Deaktivieren der Bearbeitung eines Textfelds
- 11. Wie ändert man die Höhe des Textfelds?
- 12. Hervorhebung eines benutzerdefinierten UIButton
- 13. entfernen Hervorhebung eines Menüpunktes
- 14. Legen Sie die Auffüllung eines Textfelds mit Swift in xcode
- 15. Den Wert eines Textfelds erhalten
- 16. Geben Sie die Abmessungen eines Tkinter-Textfelds in Pixeln an
- 17. Wie wird Datepicker an die rechte Kante des Textfelds angepasst?
- 18. Löschen eines Textfelds mit Javascript
- 19. Überschriebene Text-Eigenschaft eines Textfelds wird nicht ordnungsgemäß aktualisiert
- 20. Text innerhalb eines Textfelds hervorheben
- 21. Angemessenheit eines Django-Textfelds in einem Modell
- 22. Bind Breite eines Textfelds in VisualBrush
- 23. Wie wird zusätzlicher Leerraum zwischen Wörtern innerhalb eines Zeichenvektors entfernt?
- 24. Wenn wir die Texteigenschaft eines Textfelds nach Code in Runtime festlegen, wird der Eventhandler "Textchanged" ausgelöst?
- 25. Jquery und Formatierung eines Textfelds zum Taggen?
- 26. Wie setze ich einen Wert eines Textfelds in Visual C++
- 27. Gibt es eine Möglichkeit, die Bearbeitung eines Textfelds programmgesteuert abzubrechen?
- 28. Ändern eines Textfelds basierend auf ausgewählten Optionen
- 29. Wie kann ich den Wert eines Textfelds in Dart festlegen?
- 30. Hinzufügen eines Suchfelds/Textfelds zu androids Kopfzeile
Weiteres auf diese Frage, ich frage mich, ob es möglich ist, die Farbe der Kontur zu verändern, anstatt nur zu deinstallieren? Ich bin in der gleichen Position, wenn der Umriss auftritt, bekomme ich eine hässliche grüne Farbe. Wäre toll, es zu ändern! – Kyle