CSS按钮点击效果_css点击效果

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>