selectBox 下拉框 选项选中加粗，如何设置

要设置 SelectBox（下拉框）选中项的加粗样式，你可以使用 CSS 来自定义样式。下面是一种常见的方法：

1. 创建一个 CSS 类来定义选中项的样式，例如：

.bold {
  font-weight: bold;
}

2. 使用 JavaScript 来为 SelectBox 添加事件监听器，并在选中项变化时应用或移除这个 CSS 类。例如：

const selectBox = document.getElementById("mySelectBox");

selectBox.addEventListener("change", function() {
  const selectedOption = selectBox.options[selectBox.selectedIndex];
  if (selectedOption) {
    selectedOption.classList.add("bold");
  }

  const previousOption = selectBox.querySelector(".bold");
  if (previousOption && previousOption !== selectedOption) {
    previousOption.classList.remove("bold");
  }
});

在上述代码中，"mySelectBox" 是你的 SelectBox 元素的 ID，你需要将其替换为你实际使用的 ID。

这样，当你选择一个选项时，它会应用 "bold" 类来加粗显示该选项，同时移除之前选中的选项的加粗样式。

记得将上述代码放在文档加载完成后执行，或者在合适的时机进行调用，以确保正确地添加事件监听器和应用样式。