61
Jak mogę usunąć niebieskie światło otaczające zaznaczone pole wprowadzania tekstu przy użyciu czystego CSS?Usuwanie niebieskiego blasku z wprowadzania tekstu HTML po wybraniu
A
Odpowiedz
126
ten powinien zrobić:
input:focus {
outline:none;
}
EDIT (2015): Jeśli projektujesz dla szerokiej publiczności, przypomnieć, że kontur jest często krytycznym elementem dostępności dla użytkowników, którzy nawigować za pomocą klawiatury lub wymagających bardziej widoczne wizualne informacje zwrotne. Jeśli usuniesz kontur, upewnij się, że zdefiniowałeś alternatywny stan skupienia, który zapewnia odpowiednią wizualną informację zwrotną dla użytkowników.
+15
Czasami ** box-shadow: none ** jest również wymagany – styks
+1
nic nie działa dla mnie w Chrome 'wersja 45.0.2454.101 m' :( – Ciwan
+0
Z powodu ograniczeń przeglądarek jako select> options konturem właściwości zajmuje się shadowDOM. można wypróbować [This] (http://harvesthq.github.io/chosen/) wtyczka jQuery – TechYogi
14
wolę ładne stałe resetu jak:
input, textarea, select, a { outline: none; }
Outline „none” na znacznikach kotwicznych uniemożliwia straszną ostrość kontury na wielu przeglądarek Android.
+0
kontur wejść jest dozwolony tylko na ogniskowaniu – Anselm
+0
Ja też wolę ten. Ponadto, 'select: focus' nie wydaje się działa dla mnie, nie widzę problemu z robieniem tego w ogóle. '' focus' jest niepotrzebnie jednoznaczny – taylorcressy
+0
Potrzebowałem dodać '! important', aby działał on dla mnie. – JoeTidee
Powiązane problemy
- 1. Pierwsze wartość wprowadzania tekstu HTML
- 2. HTML - Wyświetlanie obrazu po wybraniu nazwa_pliku
- 3. Zmień HTML wprowadzania tekstu kursor symbol "bloku"
- 4. Obramowanie wokół wprowadzania tekstu w formularzu HTML
- 5. Usuwanie pojedynczych plików po wybraniu wielu plików przy wprowadzaniu pliku
- 6. Usuwanie niebieskiego konturu/obramowania z zakotwiczenia obrazu IE
- 7. Ustawianie tekstu Kolor wiersza DataGrid WPF po wybraniu wiersza
- 8. Niestandardowe etykiety NSTableCellView niezmieniające koloru tekstu po wybraniu
- 9. Zapobieganie poziomemu "przewijaniu" wprowadzania tekstu?
- 10. Usuwanie tekstu z dokumentu HTML za pomocą Ruby
- 11. JavaScript dodana wartość HTML jest usuwana po wybraniu datepicker
- 12. Jak pozbyć się niebieskiego obramowania zewnętrznego po kliknięciu pola wprowadzania formularza?
- 13. Środkowy znacznik pola wprowadzania tekstu w polu HTML
- 14. jQuery Usuwanie określonego tekstu z elementu
- 15. Zdarzenie jQuery po wybraniu opcji
- 16. CSS - Usuwanie aktywnego podkreślenia pola wprowadzania
- 17. Wyszukiwanie wiersza nadrzędnego wprowadzania tekstu w formularzu
- 18. usuń wewnętrzny cień wprowadzania tekstu
- 19. Pole wprowadzania html poza formą
- 20. Vim wchodzi w tryb wizualny po wybraniu tekstu po aktualizacji El Capitan
- 21. Jak korzystać z elipsy z przepełnieniem tekstu w polu wprowadzania html?
- 22. Ustawianie tekstu mobilnego pola wprowadzania Jquery
- 23. Dziwna szerokość wprowadzania tekstu w jQuery Mobile
- 24. Usuwanie liczb z tekstu przy użyciu C#
- 25. usuwanie pustych par tag z fragmentem HTML
- 26. Usuwanie tekstu między nawiasami PHP
- 27. Ramka pola tekstowego WPF po wybraniu?
- 28. Wybrana opcja UItableViewCell pozostaje niebieska po wybraniu
- 29. Select2: Opcja aktualizacji po wybraniu nowego tagu
- 30. Jak dodać znacznik zakotwiczenia do adresu URL z wprowadzania tekstu
W przeglądarce Google Chrome kolor jest pomarańczowy. Powiedzenie;) – wecsam
@wecsam: Początkowo byłem zdezorientowany, ponieważ jestem przyzwyczajony do pomarańczowego konturu Chrome. : P – Purag