在CSS中，我們可以使用偽元素和CSS樣式來創(chuàng)建選中的勾圖標(biāo)，以下是一個(gè)簡(jiǎn)單的示例，展示如何實(shí)現(xiàn)這一功能：

我們需要在HTML中創(chuàng)建一個(gè)可點(diǎn)擊的按鈕，并在按鈕中添加一個(gè)圖標(biāo)元素，這個(gè)圖標(biāo)元素可以是任何形狀，但通常是一個(gè)小勾形狀，表示選中狀態(tài)。

HTML代碼示例：

<button class="select-button">
  <i class="check-icon"></i>
  選擇我
</button>

在CSS中，我們可以使用偽元素::after來在按鈕后面添加一個(gè)小勾形狀，我們可以使用content屬性來定義小勾的形狀，并使用position屬性將其定位到按鈕的右側(cè)。

CSS代碼示例：

.select-button {
  position: relative;
  padding-right: 20px; /* 留出小勾的位置 */
}
.select-button::after {
  content: "√"; /* 定義小勾的形狀 */
  position: absolute;
  right: 0; /* 定位到按鈕的右側(cè) */
  top: 50%; /* 垂直居中 */
  transform: translateY(-50%); /* 垂直居中 */
}

在這個(gè)示例中，我們使用了√字符來定義小勾的形狀，并將其定位到按鈕的右側(cè)，我們還使用了transform屬性來確保小勾在垂直方向上居中顯示。

當(dāng)用戶點(diǎn)擊按鈕時(shí)，小勾圖標(biāo)就會(huì)顯示出來，表示該按鈕已被選中，這種方法簡(jiǎn)單易行，適用于各種情況。