Safari y Chrome. Resaltado de input y textarea. CSS

Por defecto, tanto Safari como Chrome tienen reglas CSS asignadas a los input (cajas de texto) y textarea, que provocan que cada vez que una de ellas recibe el foco de la aplicación se le asigne un borde llamativo para indicarlo.

Este borde puede resultar muy útil en determinadas ocasiones, pero en otras puede desentonar completamente con el diseño de la aplicación web que estemos desarrollando. En este segundo caso puede deshabilitarse añadiendo una regla CSS muy simple (o en lugar de deshabilitarlo podemos adaptarlo a nuestras necesidades si nos interesa):

.sin_resaltado{

outline: none;

}

De esta forma si asignamos esta clase a algun input o textarea, dejarán de mostrar ese resaltado que añaden por defecto Safari y Chrome.

Cualquier mejora, sugerencia, …. será siempre bienvenida

Más Info: Outline Property

Advertisement