css3 - 纯css实现点击特效

问题描述

问 题

怎么用纯css实现和按钮一样的点击一次，然后改变样式？听说是用伪元素target，不过我不知道怎么操作

解决方案

<style>
    #select{
        display:none;
    }
    .box{
        width:100px;
        height:100px;
        border:1px solid red;
        display:none;
    }
    #select:checked + .box{
        display:block;
    }
</style>
<label for="select">点我！</label>
<input type="checkbox" id="select">
<div class="box">盒子</div>

也可以看一下这篇文章：CSS实现点击事件及实践http://www.cnblogs.com/pssp/p...

这篇关于css3 - 纯css实现点击特效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！