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
son arg
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
son arg
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.
Want results from more Discord servers?
Add your server