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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容