Here We Use Two Different CSS. First For button pressed state which is ".mybutton-pressed" and another for button normal state which is ".mybutton-normal"
Simply set button class="mybutton-pressed" for pressed state
and button class="mybutton-pressed" for normal state
Simply set button class="mybutton-pressed" for pressed state
and button class="mybutton-pressed" for normal state
.mybutton-pressed {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
border-bottom-color:#333;
background-color:#70B9D6;
border:1px inset
#1d659f;
color:#ffffff;
padding:4px 2px 2px
4px;
margin:1px;
text-decoration:none;
font-family:'Verdana',Arial,sans-serif;
font-size:14px;
text-shadow:#b2e2f5
0 1px 0;
}
.mybutton-normal {
-webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
-moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
border-bottom-color:#333;
border:1px solid #91ccea7;
background-color:#7cceee;
border-radius:2px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#333;
font-family:'Verdana',Arial,sans-serif;
font-size:14px;
text-shadow:#b2e2f5 0 1px 0;
padding:4px
}