active无效

<div id="button" disable='true'>按钮</div>

<!-- 样式 -->
<style>

    #button
    {
        width : 200px;
        height: 40px;
        background-color: orangered;
        border-radius: 5px;
        
        text-align: center;
        line-height: 40px;
        color: #FFF;
        
        cursor: pointer;
    }
    
    #button:active
    {
        opacity: 0.5;
    }
    
</style>

<script>
    
    document.body.addEventListener('touchstart',function () {});
    
</script>