Olá, eu gostaria que quando fosse pressionado o botão, ele mudasse de cor e continuasse assim até que outro seja pressionado.
Eu tentei com o :focus
, mas caso pressione outro elemento a cor volta.
Botões:
<input type="button" class="button" name="button1" id="button1" value="button1">
<input type="button" class="button" name="button2" id="button2" value="button2">
CSS:
.button
{
background: #76c764;
height: 30px;
width: 49%;
border: none;
border-radius: 5px;
}
.button:focus
{
box-shadow: 0 0 0 0;
border: 0 none;
outline: 0;
background: #69e673;
}