Cómo eliminar el estilo predeterminado de chrome para seleccionar la entrada?

¿Cómo elimino el borde del cuadro amarillo predeterminado de la entrada seleccionada y selecciono campos en Chrome o en cualquier navegador como safari? Quiero personalizar la entrada con caja personalizada sombra css. ¿Cómo elimino el borde de selección del navegador predeterminado?

Author: monk, 2012-09-06
Source

7 answers

-webkit-appearance: none;

Y añade tu propio estilo

 71
Author: Sowmya,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-12-22 19:08:56 
textarea, input { outline: none; }

Vía https://stackoverflow.com/a/935572/1036298

 30
Author: Nithin Emmanuel,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-05-23 12:02:37

Mixin por menos

.appearance (@value: none) {
    -webkit-appearance:     @value;
    -moz-appearance:        @value;
    -ms-appearance:         @value;
    -o-appearance:          @value;
    appearance:             @value;
}
 8
Author: Pesulap,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-01-24 13:49:13

En tu CSS añade esto: 

input {-webkit-appearance: none; box-shadow: none !important; }
:-webkit-autofill { color: #fff !important; }

Solo para Chrome! :)

 6
Author: Praveen Kumar Purushothaman,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-09-06 10:06:47

Use código simple para eliminar el estilo de navegador predeterminado para el esquema

input { outline: none; }
 4
Author: Behnam Mohammadi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-04-10 10:50:14

Entrada: - webkit-autocompletar { antecedentes: #fff !importante; }

 2
Author: supersaiyan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-09-06 10:06:48

¿Está hablando de cuando hace clic en un cuadro de entrada, en lugar de simplemente pasar el cursor sobre él? Esto lo arregló para mí:

input:focus {
   outline: none;
   border: specify yours;
}
 0
Author: Adam,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-08-28 04:28:36