Como remover borde de checkbox con CSS
by Noticias-i
Al cambiar con estilos la paraiencia de un checkbox e integrarle una imagen de fondo, me seguí apareciendo un borde que no podía quitar a la hora de dar click sobre el elemento.
Encontré la solución en StackOverflow:
How to reset / remove chrome’s input highlighting / focus border?
¿Cómo restablecer / eliminar el resaltado de entrada / borde de enfoque de Chrome?
I have seen that chrome puts a thicker border on
:focus
but it kind of looks off in my case where I’ve used border-radius also. Is there anyway to remove that?
You should be able to remove it using
outline: none;
but keep in mind this is potentially bad for usability: It will be hard to tell whether an element is focused, which can suck when you walk through all a form’s elements using the Tab key – you should reflect somehow when an element is focused.
https://stackoverflow.com/questions/2943548/how-to-reset-remove-chromes-input-highlighting-focus-border