Pregunta ¿Cómo eliminar el borde (contorno) alrededor de cuadros de texto / entrada? (Chrome) [duplicar]


Esta pregunta ya tiene una respuesta aquí:

¿Alguien puede explicar cómo eliminar el borde naranja o azul (contorno) alrededor de los cuadros de texto / entrada? Creo que solo ocurre en Chrome para mostrar que el cuadro de entrada está activo. Aquí está el CSS de entrada que estoy usando:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

enter image description here


970
2017-08-03 13:49


origen


Respuestas:


Este borde se usa para mostrar que el elemento está enfocado (es decir, puede escribir la entrada o presionar el botón con Enter). Puedes eliminarlo, sin embargo:

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

Es posible que desee agregar alguna otra forma para que los usuarios sepan qué elemento tiene el foco del teclado para uso.

Chrome también aplicará el resaltado a otros elementos como los DIV utilizados como modales. Para evitar resaltar esos y todos los otros elementos, puede hacer:

*:focus {
    outline: none;
}

1809
2017-08-03 13:52



La respuesta actual no funcionó para mí con Bootstrap 3.1.1. Esto es lo que tuve que anular:

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

99
2018-02-21 03:43



input:focus {
    outline:none;
}

Esto lo hara. El contorno naranja ya no aparecerá.


83
2017-08-03 13:52



<input style="border:none" >

Funcionó bien para mí Quería tenerlo arreglado en html en sí ... :)


45
2017-10-08 07:26



Encontré la solución.
Solía: outline:none; en el CSS y parece haber funcionado. De todas formas, gracias por la ayuda. :)


34
2017-08-03 13:51



Solución

*:focus {
    outline: 0;
}

PD: uso outline:0 en lugar de outline:none enfocado. Es una práctica válida y mejor.


22
2018-05-23 09:55



esto elimina el marco naranja en cromo de todos y cualquier elemento sin importar qué y dónde está

*:focus {
    outline: none;
}

19
2017-10-10 20:43