我遇到了一個設計問題，我需要用綠線連接所有的單選按鈕。 下圖顯示了當前版本與所需版本 我需要幫助來繪制所有單選按鈕的孤線，并用另一種顏色填充該區域。 附當前css+html 如果有人能幫忙，請幫忙。謝謝你的時間。

.radio-grid-ctrl {
  margin-top: 40px;
}

.radio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.radio-grid input[type="radio"] {
  width: 10px;
  height: 10px;
}

.labelTheme {
  color: #59ce59;
  font-size: 10px;
  text-align: center;
}

.radio-grid input[type="radio"]:checked {
  background-color: #ed1c24 !important;
  accent-color: #ed1c24 !important;
}

<div class="radio-grid">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio1" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio2" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio3" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio4" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio5" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio6" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio7" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio8" value="">
  <input type="radio" class="radio-grid-ctrl" name="radio-group" id="radio9" value="">
</div>