Boton pulsado

[Alexis88]

El color del botón podría cambiar aplicando un poco de JavaScript:

Código Javascript:

var boton = document.getElementById("miBoton");
boton.addEventListener("click", function(){
  var valorActual = this.getAttribute("data-click"); //Obtengo el valor actual de "data-click"   
  var estado = valorActual == 1 ? 0 : 1; //Dependiendo del valor, asignaré uno nuevo
  
  this.setAttribute("data-click", estado); //Asigno el nuevo valor a "data-click"
  this.style.background = this.getAttribute("data-click") == 1 ? "#0f0" : "#f00"; //Asigno un color
}, false);
 

Y el botón sería así:

Código HTML:

<button id = "miBoton" data-click = "0">Cambia el color</button>
 

Mediante el valor del pseudo-atributo data-click, determino qué color le asignaré al botón. Esto trabajará de manera temporal, si deseas que un usuario que previamente se identificó, pueda ver el botón con el color que lo dejó en la última sesión, deberías de guardar dicho dato en una base de datos para que en una futura sesión, el botón cargue con el color asignado anteriormente.

Excepto por el hecho de que se deba mantener el color entre una sesión y otra, creo que debiste publicar este hilo en la sección de JavaScript.

Saludos