Gostaria de saber como faço pra alterar a cor do texto da escrita do botão quando eu clico nele, eu quero que eu clique no botão e ele saia da cor dourada e fique na cor branca até eu clicar novamente nele, mas o que eu consegui até agora é que ele mude de cor apenas quando o mouse fica em cima. Segue abaixo código css e html que eu fiz até o momento: css:
#login{
@extend .table;
cursor:pointer;
position:relative;
width: 100%;
height: 79px;
#centralizar_menu{
@extend .row;
text-align: center;
height: 4.8em;}
&:hover{
#texto_cliente #titulo{
display: block!Important;
@extend .fonte_branca_13;
}
background-color: $dourado;
}
#texto_cliente{
width: 100%;
height: 1.5em;
padding: 0.5em 0em;
#titulo{
@extend .fonte_dourado_13;
}
}
}
HTML:
<div id="login">
<div id="centralizar_menu">
<div class="middle">
<div id="texto_cliente">
<div id="titulo">Login</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
</div>