Tengo que depurar el código que otra persona ha escrito.
Tengo varios campos de entrada y selección, todos ellos con contornos, pero diferentes. No encontré ninguna forma de cambiar su comportamiento y apariencia.
Se parecen a lo siguiente:
¿Cómo puedo cambiar esto, para que todo se vea similar? Estoy usando Chrome en MacOS
Puedes usar:
<input style="outline: none" >O use esto en el archivo css
input { outline: none }configure este css en su archivo css global.
input:focus-visible { outline: transparent; }Asegúrese de que la hoja de estilo que está utilizando sea la última hoja de estilo que se aplica para asegurarse de que se aplique la propiedad de su hoja de estilo.
Además, asegúrese de tener la especificidad de selector más alta, para estar 100% seguro, asigne a su entrada una clase como no-outline (será mejor si coloca su código aquí)
Usa el siguiente código:
.no-outline:focus { outline: none; } Si nada de esto funciona, simplemente agregue una etiqueta !important delante del código como
.no-outline:focus { outline: none; !important } Sin embargo, no se recomienda usar !important a menos que haya estado rascándose la cabeza durante horas.
Y.... si nada funciona , solo si nada funciona , puede establecer la propiedad en línea
<input type="text" style="outline: none">Hazme saber si todavía estás confundido.