Removing default outline

Hi all, I don't want that default black outline on Chrome. I can use outline: none;, which removes it, but I hear that is bad practice; so what should be done? Maybe this?
input {
outline: transparent;
}
input {
outline: transparent;
}
7 Replies
Mannix
Mannix•3y ago
if you wanna remove it design the replacement so a11y peeps can still use your website
/bin/son-arg
/bin/son-argOP•3y ago
Umm, I'm not sure I understand, could you please clarify what you mean? 😅
Mannix
Mannix•3y ago
you don't like the outline of focus state right?
Unknown User
Unknown User•3y ago
Message Not Public
Sign In & Join Server To View
Mannix
Mannix•3y ago
that's enough imo
/bin/son-arg
/bin/son-argOP•3y ago
Aha, I see what y'all mean now Thanks a lot!
Kevin Powell
Kevin Powell•3y ago
I'll also add that instead ofoutline: none; it is better to set the color to transparent so it still has an effect on high contrast mode, which removes all of your colors.

Did you find this page helpful?