Bootstrap Select Option 选中后的颜色自定义

Bootstrap 中 Select Option 选中后的颜色自定义

默认情况下，Bootstrap 中 select 元素的 option 选中后没有明显的颜色变化。可以通过 CSS 来自定义选中后的颜色，以增强用户体验。

示例：

1. 设置选中后的背景颜色为蓝色：

select option:checked {
  background-color: blue;
}

2. 设置选中后的文本颜色为白色，背景颜色为蓝色：

select option:checked {
  color: white;
  background-color: blue;
}

注意：

• 以上代码中的 'select' 和 'option' 是 CSS 选择器，可以根据实际情况进行修改。
• 可以根据需要自定义更多样式，例如字体颜色、字体大小、边框等。

通过自定义选中后的颜色，可以使 select 元素更直观地反映用户选择，提高用户体验。