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

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

mercurial graft feature, can it copy? -