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
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