.sidebar_menu:active not works? Need help

[rahulephp]

 

Hi there,

Kindly have a look on below CSS property.

What i want to ask is: when i'll click on a button, it should be look active. I mean it would have to get property of .sidebar_menu:active

But it doen't works.

Please elp me out from this.

 

 

 

 

 

<!--Sidebar menu button start-->

 

.input {

color : #FF9000;

font-size:20px;

;

}

 

.sidebar_menu{

    border: 0px;

    background: url('images/word-real.jpg') no-repeat top left;

font-size:18px;

font-weight:bold;

text-decoration:none;

color:#FFFFFF;

font-family: Verdana, Arial, Helvetica;;

width:97px;

height:42px

   

}

.sidebar_menu:hover {

    border: 0px;

    background: url('images/word-over.jpg') no-repeat top left;

color:#009BC9;

 

}

 

.sidebar_menu:active {

    border: 0px;

    background: url('images/word-over.jpg') no-repeat top left;

color:#009BC9;

}

 

br { clear: left; }

<!--Sidebar menu button End-->

 

 

 

 

 

<a rel="11"><input type="button" value="worship" class="sidebar_menu"/></a>

<a rel="22"><input type="button" value="prayer" class="sidebar_menu"/></a>

<a rel="33"><input type="button" value="cell" class="sidebar_menu"/></a>

<a rel="44"><input type="button" value="city" class="sidebar_menu"/></a>

<a rel="55"><input type="button" value="mission" class="sidebar_menu"/></a>

 

[haku]

Unfortunately, :active doesn't work that way. It would make sense that :active would mean that the URL in the link leads to the current page. But actually, :active is for when a link has been clicked, before the page has switched over.