tamaño - quitar focus input css

CSS-Eliminar campo de entrada activo resaltado

Question

Al usar solo html y css, ¿cómo deshabilito el color de resalte azul (en Firefox) alrededor de un campo de entrada activo? He intentado usar la input {outline:none;} pero sin éxito. ¡Gracias por la ayuda! =)

ok, ignorando el código anterior sobre el esquema, elegí la propiedad incorrecta para cambiar. Lo que estoy tratando de obtener es simplemente eliminar el resaltado (cualquier navegador, es el borde en negrita y coloreado que aparece) alrededor de un campo de entrada de formulario activo, sin cambiar o deshabilitar el estilo. Gracias =)

Answer 1

Edit: mi solución era muy complicada. Es tan simple como eso:

input:focus {
  outline: none;
}

Necesitas apuntar al: estado de enfoque.

Answer 2

Esto debería funcionar para la mayoría de los tipos de entrada en Firefox:

input::-moz-focus-inner { border: 0; }

Answer 3

La respuesta es más simple de lo que me gustó:

box-shadow:none;

Answer 4

Para eliminar el resaltado, intente agregar esta regla a los campos de entrada:

-moz-appearance:none;

Esto también se puede hacer para los navegadores basados ​​en WebKit usando el prefijo respectivo:

-webkit-appearance:none;

Esto debería ocuparse de cualquier borde, contorno, etc. utilizando solo una propiedad de CSS. Para otros navegadores que no sean el par de WebKit y Firefox (Opera e IE), se recomienda incluir también propiedades de border y outline , asegurando la compatibilidad cruzada del navegador.

Answer 5

Tienes que usar: declaración de enfoque. En este caso:

input:focus {outline:none;}

Todas las entradas en tu proyecto no tendrán el borde azul.

Si quieres un atributo específico, usa esto:

input[type=text]:focus {outline:none;}

Espero eso ayude. =)

Answer 6

Ver este fiddle .

Parece que tienes que configurar alguna propiedad de borde para hacer un outline: none funciona. Si usted comenta en la directiva de borde, el esquema desaparece.

Answer 7

button {
    -webkit-tap-highlight-color:transparent;
    -moz-tap-highlight-color:transparent;
    -o-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
}

Answer 8

input {border:0; outline:none;}

Debe eliminar todos los bordes / contornos.