[poorking]

<style type = "text/css">
button{
	border: 1px solid gray;
}

button:hover{
	border-color: red;
}

.hovered{
	border-color: red;
}

</style>
<button id = "#button">button</button>

<script type = "text/javascript">

var button = document.getElementById("#button");

button.onclick = function(){
	this.className = this.className == "" ? "hovered" : "";
}
</script>

UPD
ой я кажется не совсем понял что автор хотел, прошу прощения заранее