在CSS中，我們可以通過(guò)設(shè)置復(fù)選框的樣式來(lái)實(shí)現(xiàn)單選功能，以下是一種常用的方法：

1、我們需要?jiǎng)?chuàng)建一個(gè)復(fù)選框的HTML元素，每個(gè)復(fù)選框可以有一個(gè)***的ID，以便我們能夠在CSS中定位它。

<input type="checkbox" id="checkbox1" />
<input type="checkbox" id="checkbox2" />
<input type="checkbox" id="checkbox3" />

2、我們可以在CSS中設(shè)置復(fù)選框的樣式，為了讓復(fù)選框只能單選，我們可以將每個(gè)復(fù)選框的樣式設(shè)置為相同，并且使用JavaScript來(lái)監(jiān)聽(tīng)復(fù)選框的變化。

#checkbox1, #checkbox2, #checkbox3 {
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  position: relative;
}

3、我們可以使用JavaScript來(lái)監(jiān)聽(tīng)復(fù)選框的變化，并且確保只有一個(gè)復(fù)選框可以被選中。

var checkboxes = document.getElementsByTagName('input');
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].type === 'checkbox') {
    checkboxes[i].addEventListener('change', function() {
      var selected = document.querySelector(':checked');
      if (selected) {
        selected.checked = true; // 確保選中的復(fù)選框保持選中狀態(tài)
        for (var j = 0; j < checkboxes.length; j++) {
          if (checkboxes[j] !== selected && checkboxes[j].type === 'checkbox') {
            checkboxes[j].checked = false; // 其他復(fù)選框取消選中狀態(tài)
          }
        }
      }
    });
  }
}

通過(guò)以上方法，我們可以實(shí)現(xiàn)CSS中復(fù)選框的單選功能。