Question

Is there any way of keeping a button pushed down, maybe using javascript or jquery?

I would like the button to stay red when clicked on, and this is what I have:

<style>
#button {
border: 3px solid #52A7D3;
background-color: #52A7D3;
color: #000000;
}

#button:active {
border: 3px solid red;
background-color: red;
color: #FFF;
}
</style>

Answer 1

You can try something like this:

<button id="someId">test</button>

<script type="text/javascript">
$("#someId").click(function() {$(this).toggleClass( "active")})
</script>

<style>
#someId{
border: 3px solid #52A7D3;
background-color: #52A7D3;
color: #000000;
}

#someId.active {
border: 3px solid red;
background-color: red;
color: #FFF;
</style>

Here is an Example