修改el-select 滚动条样式

要修改el-select滚动条样式，您需要使用CSS。以下是一些CSS代码示例，您可以尝试使用它们来自定义el-select滚动条样式。

/* 修改el-select下拉菜单滚动条样式 */
.el-scrollbar__wrap {
  background-color: #f0f0f0; /* 设置滚动条背景颜色 */
}

.el-scrollbar__thumb {
  background-color: #888; /* 设置滚动条滑块颜色 */
}

.el-scrollbar__thumb:hover {
  background-color: #555; /* 设置滚动条滑块悬停时的颜色 */
}

.el-scrollbar__thumb:active {
  background-color: #333; /* 设置滚动条滑块被按下时的颜色 */
}

/* 修改el-select下拉菜单滚动条样式 */
.el-scrollbar__wrap {
  background-color: #f0f0f0; /* 设置滚动条背景颜色 */
}

.el-scrollbar__thumb {
  background-color: #888; /* 设置滚动条滑块颜色 */
  border-radius: 10px; /* 设置滚动条滑块圆角 */
}

.el-scrollbar__thumb:hover {
  background-color: #555; /* 设置滚动条滑块悬停时的颜色 */
}

.el-scrollbar__thumb:active {
  background-color: #333; /* 设置滚动条滑块被按下时的颜色 */
}

/* 修改el-select下拉菜单滚动条样式 */
.el-scrollbar__wrap {
  background-color: #f0f0f0; /* 设置滚动条背景颜色 */
}

.el-scrollbar__thumb {
  background-color: #888; /* 设置滚动条滑块颜色 */
  border-radius: 10px; /* 设置滚动条滑块圆角 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); /* 设置滚动条滑块阴影 */
}

.el-scrollbar__thumb:hover {
  background-color: #555; /* 设置滚动条滑块悬停时的颜色 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6); /* 设置滚动条滑块悬停时的阴影 */
}

.el-scrollbar__thumb:active {
  background-color: #333; /* 设置滚动条滑块被按下时的颜色 */
  box-shadow: none; /* 取消滚动条滑块被按下时的阴影 */
}

您可以将这些CSS代码添加到您的样式表中，并根据需要进行修改。请记住，在el-select的下拉菜单中，滚动条只在需要时才会显示。