Vorrei richiamare un css quando premo un pulsante (sempre creato col css)

Qui ho il pulsante e quando gli passo sopra (hover) assume l'effetto premuto, io vorrei invece che si preme solo quando ci clicco sopra:

codice:
#bottoneB a{
float:left;
background:#dddddd;  
width:20px;
height:20px;
line-height:20px;            /*Allinea verticalmente il testo */
margin-top:-1px;
font-family:arial;
font-size:12px; color:black;
font-weight:bold;
text-decoration:none;
display:block;
text-align:center;
border-top:1px solid white; 
border-left:1px solid white; 
border-bottom:1px solid #808080;
border-right:1px solid #808080;
}

#bottoneB a:hover{ 
background:#a6ffa6;
border-bottom:1px solid white; 
border-right:1px solid white; 
border-top:1px solid #808080;
border-left:1px solid #808080;
}