在CSS中，您可以使用JavaScript來(lái)檢測(cè)圖標(biāo)點(diǎn)擊事件，并根據(jù)需要改變圖標(biāo)的顏色，以下是一個(gè)簡(jiǎn)單的示例，展示如何實(shí)現(xiàn)這一功能：

1、為您的圖標(biāo)定義一個(gè)CSS類，我們可以創(chuàng)建一個(gè)名為icon的類，并設(shè)置默認(rèn)的背景顏色：

.icon {
  background-color: #000; /* 初始顏色 */
  padding: 10px;
  border-radius: 50%;
  cursor: pointer;
}

2、使用JavaScript來(lái)檢測(cè)圖標(biāo)點(diǎn)擊事件，并在點(diǎn)擊時(shí)改變圖標(biāo)的背景顏色：

document.querySelector('.icon').addEventListener('click', function() {
  // 切換背景顏色
  if (this.style.backgroundColor === '#000') {
    this.style.backgroundColor = '#f00'; // 變?yōu)榧t色
  } else {
    this.style.backgroundColor = '#000'; // 恢復(fù)為黑色
  }
});

3、將HTML元素與CSS類關(guān)聯(lián)起來(lái)：

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

每當(dāng)你點(diǎn)擊圖標(biāo)時(shí)，它的背景顏色會(huì)在黑色和紅色之間切換，你可以根據(jù)需要調(diào)整初始顏色和切換顏色，這種方法簡(jiǎn)單而有效，適用于各種圖標(biāo)和按鈕。