Cambiar el borde de color en cualquiera de los campos de nuestro formulario es una tarea muy sencilla que seguro en alguna ocasión nos hemos planteado. ¡Sí! hablamos de ese borde con sombra que afecta en el focus de un input o textarea en un formulario, ya sea un formulario de contacto, de recogida de información del usuario o para una newsletter.
La solución es muy simple y te la paso a continuación.
Cambiar el color y la sombra de input y textarea
textarea:focus, input:focus, input[type]:focus {
border-color: rgb(255, 144, 0);
box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075)inset, 0 0 8px rgba(255,144,0,0.6);
outline: 0 none;
}
Eliminar el color del campo de input y textarea
Si de lo contrario tan solo queremos eliminar cualquier sombra al hacer focus en el campo del formulario:
textarea:focus, input:focus, input[type]:focus {
outline: 0 none;
}
Espero haberte ayudado en este sencillo post! 🙂
