仅在CSS中使用单击切换来更改图标的颜色

在CSS中使用单击切换来更改图标的颜色，可以通过使用伪类和CSS属性来实现。以下是一个示例代码：

HTML代码：

<div class="icon"></div>

CSS代码：

.icon {
  width: 50px;
  height: 50px;
  background-color: blue;
  cursor: pointer;
}

.icon.clicked {
  background-color: red;
}

上述代码中，我们创建了一个带有class为"icon"的div元素作为图标。初始状态下，图标的背景颜色为蓝色。当用户单击图标时，我们通过添加class为"clicked"来更改图标的背景颜色为红色。

这种方法可以应用于各种图标，例如字体图标或使用背景图片的图标。通过使用不同的CSS属性和伪类，可以实现更多样化的效果。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

• 产品介绍链接地址：https://cloud.tencent.com/product/cvm

腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，可提供安全可靠的计算能力。它提供了多种规格的虚拟机实例，适用于不同规模和需求的应用场景。通过使用腾讯云云服务器，您可以轻松部署和管理您的应用程序，并根据需要进行资源的弹性调整。