css3点击变颜色 |ie里面css不加载

html部分：
<div class="box">这是一个方块</div>
css部分：
.box {
background-color: green;
padding: 20px;
color: white;
cursor: pointer;
}
.box:active {
background-color: red;
}

在上面的代码中，大家首先创建了一个class名为“box”的div元素。在CSS样式中，大家设置了该元素的背景颜色为绿色，文本颜色为白色，以及鼠标光标为手型，使得用户在看到该元素时可以知道该元素是可点击的。

接着，在CSS样式中，大家使用了伪类“:active”，表示当用户点击该元素时，改变该元素的样式。具体来说，大家将该元素的背景颜色改为红色。这个效果可以让用户更加直观地知道自己已经成功点击了该元素。

总的来说，CSS3的点击变颜色功能可以让网页更加智能化和交互化，提升用户体验。通过上述代码的学习，开发者可以轻松地实现该效果。