处理片段中的单选按钮组和按钮

<div class="radio-group">
  <input type="radio" id="option1" name="radio" value="option1">
  <label for="option1">Option 1</label>
  
  <input type="radio" id="option2" name="radio" value="option2">
  <label for="option2">Option 2</label>
  
  <input type="radio" id="option3" name="radio" value="option3">
  <label for="option3">Option 3</label>
</div>

.radio-group {
  display: flex;
  flex-direction: row;
}

.radio-group input[type="radio"] {
  display: none;
}

.radio-group label {
  margin-right: 10px;
  padding: 5px 10px;
  background-color: #eaeaea;
  border-radius: 5px;
  cursor: pointer;
}

.radio-group input[type="radio"]:checked + label {
  background-color: #b3d4fc;
}