Estoy haciendo estilos de botones dentro de gulp-sass aplicando efectos como hover
, active
y visited
con Materialize, pero al momento de dar clic al botón y soltarlo me pone un color predeterminado del framework antes mencionado (waves-light).
Cuando estoy definiendo los colores, activo los parámetros background-color
de inicio con hover, active y visited
, pero no lo toma en cuenta, ya intente hacerlo directamente en el CSS, pero no funciona. les dejo un fragmento del código en CSS:
.bton-fb {
width: 200px;
height: 50px;
border-radius: 5px;
background-color: #3b5998;
}
button.bton-fb:hover {
background-color: #5772ac;
}
button.bton-fb:active {
background-color: #14306b;
}
button.bton-fb:visited {
background-color: #14306b;
}
<div>
<h1 class="">Ejemplo de Botónes</h1>
<button class="waves-effect bton-fb">Hover me! ;)</button>
</div>