如何使用css实现目标值选项？

<div class="target-options">
  <input type="checkbox" id="option1">
  <label for="option1">Option 1</label>
  
  <input type="checkbox" id="option2">
  <label for="option2">Option 2</label>
  
  <input type="checkbox" id="option3">
  <label for="option3">Option 3</label>
</div>

.target-options {
  width: 200px;
  background-color: #f2f2f2;
  padding: 10px;
}

input[type="checkbox"] {
  margin-right: 5px;
}

label {
  display: block;
  margin-bottom: 5px;
}

input[type="checkbox"]:hover {
  background-color: #ccc;
}

input[type="checkbox"]:checked + label {
  color: blue;
}