如何設(shè)置CSS復(fù)選

在CSS中設(shè)置復(fù)選，可以通過(guò)使用HTML的input元素和CSS的偽類(lèi)來(lái)實(shí)現(xiàn)，下面是一個(gè)簡(jiǎn)單的示例，展示了如何設(shè)置CSS復(fù)選：

1、在HTML中創(chuàng)建一個(gè)input元素，用于表示復(fù)選選項(xiàng)：

<input type="checkbox" class="my-checkbox">

2、在CSS中為該元素添加樣式，為了表示選中狀態(tài)，可以使用[checked]偽類(lèi)來(lái)添加樣式：

.my-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #000;
}
.my-checkbox[checked] {
  background-color: #000;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)帶有my-checkbox類(lèi)的input元素，并為其添加了一些基本的樣式，我們使用[checked]偽類(lèi)來(lái)更改選中狀態(tài)的樣式，將背景顏色設(shè)置為黑色。

這只是一個(gè)簡(jiǎn)單的示例，你可以根據(jù)自己的需求來(lái)定制更復(fù)雜的樣式，基本的原理是相似的：使用HTML的input元素和CSS的偽類(lèi)來(lái)設(shè)置復(fù)選的樣式。