html - CSS active not returning normal state -
does know why button not return normal state on click? click activates active style not go after.
button, .button { display : inline-block; cursor : pointer; width : 200px; border-style : solid; border-width : 1px; border-radius : 50px; padding : 10px 18px; box-shadow : 0 1px 4px rgba(0,0,0,.6); font-size : 9.5pt; font-weight : bold; color : #fff; text-shadow : 0 1px 3px rgba(0,0,0,.4); font-family : sans-serif; text-decoration : none; } .button:active { padding: 8px 13px 6px; font-weight:normal; } button.green, .button.green { border-color: #8fc800; background: #8fc800; background: -moz-linear-gradient(top, #8fc800 0%, #438c00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc800), color-stop(100%,#438c00)); background: -webkit-linear-gradient(top, #8fc800 0%,#438c00 100%); background: -o-linear-gradient(top, #8fc800 0%,#438c00 100%); background: -ms-linear-gradient(top, #8fc800 0%,#438c00 100%); background: linear-gradient(top, #8fc800 0%,#438c00 100%); filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#8fc800', endcolorstr='#438c00',gradienttype=0 ); }
<div class="botbox"> <a class="button green" href="#" onclick="tallysportsbottle()">add</a> </div>
Comments
Post a Comment