select下拉框hove option背景颜色

您可以使用CSS中的:hover伪类和background-color属性来更改选项的背景颜色，如下所示：

select option:hover {
  background-color: #ccc;
}

这将使当您将鼠标悬停在选项上时，选项的背景颜色变为灰色（#ccc）。您可以根据需要更改颜色值。

相关问题

select下拉框鼠标经过时改变option背景颜色

可以通过CSS的:hover伪类来实现下拉框鼠标经过时改变option背景颜色的效果。

首先，需要给select和option元素设置对应的样式：

select {
  /* 设置select的样式 */
}

option {
  /* 设置option的样式 */
}

然后，使用:hover伪类来设置鼠标经过时的样式：

option:hover {
  background-color: #ccc;
}

完整的代码如下：

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
</select>

<style>
  select {
    width: 200px;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
  }

  option {
    padding: 5px;
  }

  option:hover {
    background-color: #ccc;
  }
</style>

效果如下图所示：


el-select下拉框背景颜色

要修改`el-select`下拉框的背景颜色，你可以通过以下两种方式实现：

1. 使用自定义样式：可以通过给`el-select`添加一个自定义的class，然后在CSS中设置该class的背景颜色。例如：

<el-select class="custom-select">
  <!-- select options -->
</el-select>

.custom-select .el-select-dropdown {
  background-color: #f2f2f2; /* 设置背景颜色 */
}

2. 使用全局样式：如果你想为所有的`el-select`下拉框设置相同的背景颜色，可以直接在全局样式中设置。例如：

.el-select-dropdown {
  background-color: #f2f2f2; /* 设置背景颜色 */
}

以上两种方式中，你可以根据自己的需求选择其中一种来修改`el-select`下拉框的背景颜色。