css设置点击效果

<style type="text/css">
        .dv_bt_buttoncommit{
            margin-top: 10px;
            width: 80%;
            height: 40px;
            color: white;
            background: #1E63B0;  //默认的颜色
            border-radius: 5px;
        }
 
        .dv_bt_buttoncommit:active{
            margin-top: 10px;
            width: 80%;
            height: 40px;
            color: white;
            border-radius: 5px;
            background: #4a9bfa;  黑色
            opacity: 0.5;    //这里重要，就是通过这个透明度来设置
        }
    </style>

按钮

  <button class="dv_bt_buttoncommit">按钮</button>

正常的样式和active可以完全不一样，包括图片，但是为了实现简单点击效果，更改其中某一个属性即可，根据需求可改变