Element Select 选项变蓝 Bug 解决方法 - CSS 和 JavaScript

要解决 Element Select 选项选中后全部变蓝的 Bug，可以使用 CSS 来修改元素的样式。以下是两种常用的解决方法：

1. 使用 CSS 的 ':focus' 伪类：

• 在 CSS 中为选项元素添加 ':focus' 伪类的样式，例如设置背景色为蓝色或者修改文本颜色为白色。
• 通过 ':focus' 伪类来修改选中元素的样式，当元素被选中时，样式将会生效。
• 示例代码：

  .option:focus {
    background-color: blue;
    color: white;
  }
  

2. 使用 JavaScript 来处理选项的选中事件：

• 使用 JavaScript 来监听选项元素的选中事件，当选项被选中时，通过修改元素的样式来改变其外观。
• 示例代码：

  var options = document.getElementsByClassName('option');
  
  for (var i = 0; i < options.length; i++) {
    options[i].addEventListener('click', function() {
      this.style.backgroundColor = 'blue';
      this.style.color = 'white';
    });
  }
  

使用上述方法之一，可以解决 Element Select 选项选中后全部变蓝的 Bug，并根据需要修改选中元素的样式。