CODEWITHSUNDEEP
cssgoogle-chrome
Matt Hintzke
Matt Hintzke

Reputation: 7994

Chrome blue input outline won't go away no matter what

I have been trying to figure this out for hours... Chrome puts a blue outline on focused input elements and after trying the usual CSS styles to force it back to having no outline, Chrome doesn't want to listen.

I've tried:

input {
    outline:none;
    -webkit-appearance:none;
}

and 

input:focus {
    outline:none;
    -webkit-appearance:none;
}

with no luck at all.. looks like chrome is really trying to make this difficult.

Upvotes: 1

Views: 1602

Answers (2)

Yonatan Ayalon
Yonatan Ayalon

Reputation: 2037

After no luck with "outline: 0" - the following fixed disabling highlighted input:

    box-shadow: none;

Upvotes: 1

Milkmannetje
Milkmannetje

Reputation: 1182

textarea:focus, input:focus{
    outline: 0;
}

Upvotes: 2

Related Questions