Element Select 选中选项后变蓝色：CSS 和 JavaScript 实现

要实现选中选项后全部变蓝色的效果，你可以使用 CSS 或 JavaScript 来完成。

使用 CSS

1. 首先，为你的选项元素添加一个共同的类名，以便通过 CSS 选择器选中它们。例如，给每个选项元素添加一个名为 'option' 的类名。
2. 使用 CSS 选择器选中被选中的选项元素，并为其设置背景颜色为蓝色。你可以使用 ':checked' 伪类选择器来选中被选中的复选框或单选按钮。

.option input[type="checkbox"]:checked,
.option input[type="radio"]:checked {
  background-color: blue;
}

使用 JavaScript

1. 如果你的选项不是使用复选框或单选按钮实现的，而是使用 <select> 元素和 <option> 元素实现的，你可以使用 JavaScript 来实现选项的选择变蓝色效果。
2. 为 <select> 元素添加一个 onchange 事件监听器。在事件处理函数中，获取被选中的选项元素，并为其设置背景颜色为蓝色。

HTML:

<select id="mySelect" onchange="changeColor()">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

JavaScript:

function changeColor() {
  var selectElement = document.getElementById("mySelect");
  var selectedOption = selectElement.options[selectElement.selectedIndex];
  selectedOption.style.backgroundColor = "blue";
}

通过以上方法，你可以实现选中选项后全部变蓝色的效果。请根据你的具体情况选择适合你的方法。