Button On click

[mandibula120]

Hola, estoy intentando cambiar el background de un botón cuando haga click en el. He estado buscando y lo único que he encontrado ha sido esto.

Código CSS:

.ebbtn:active {background: #900;}
 

Pero no es exactamente lo que busco porque si que es verdad que cuando hago click en el botón cambia de color, pero cuando suelto el botón vuelve a su color original y me gustaría que el botón se quedase con el color que le cambié.

Gracias de antemano.

[3nr1c]

No sé si se podría hacer con css, la solución más directa parece ser con javascript...

Código Javascript:

//Usando jQuery
$('.ebbtn').click(function(){
    $(this).css({background:'#900'});
});
 

Un saludo!

[pbarrientos]

Concuerdo con 3nrlc, JQuery lo hace más fácil.
Puedes tener 2 clases también y hacer un addClass() al evento click para cambiar de una clase a otra. Por ejemplo:

Clases CSS
.ebbtn_rojo {background: red;}
.ebbtn_verde {background: green;}

Script JS
$(".ebbtn_rojo").click(function() {
$(".ebbtn_rojo").addClass(".ebbtn_verde");
});

De esta manera puedes cambiar un set de estilos con el mismo click.

[mandibula120]

Mmmm, gracias a ambos pero yo no sé javascript o jQuery y no sabría como implementarlo.

De momento solo sé CSS y HTML

[mandibula120]

He hecho esto:

Código HTML:

<td><input type=button class="ebbtn" name="WIN0_1" onclick="this.style.background='red';" value="Player 1"></td>
 

Ahora cambia de color pero no hace lo que hacía antes. Es decir, antes en el evento "onclick" hacia otra cosa.

Código HTML:

<td><input type=button class="ebbtn" name="WIN0_1" onclick="win(this)" value="Player 1"></td>
 

Era este el código. ¿Cómo puedo hacer para que en "Onclick" haga las dos cosas?

Perdonad que lo pregunte aquí pero ya que me dijisteis que usara js...

PD: No se casi nada de js por eso pregunto cosas que deben ser muy sencillas.