el-select下拉框右侧滚动条宽高自定义

在Element UI的`el-select`组件中，如果你想自定义下拉框（即option列表）的右侧滚动条的宽度和高度，你可以通过CSS来控制其样式。首先，你需要获取到这个滚动条的元素，通常它是`.el-scrollbar__view`的子元素。然后，你可以设置`width`和`height`属性。

这是一个示例：

.el-select .el-input__inner .el-select-dropdown {
  /* 如果你想覆盖默认滚动条样式 */
  &::-webkit-scrollbar {
    width: 8px; /* 自定义滚动条宽度 */
  }
  
  &::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5); /* 滚动条颜色 */
  }

  &::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.7); /* 鼠标悬停时颜色 */
  }

  /* 使用padding-right添加滚动区域的宽度，因为滚动条会附加在这个区域 */
  padding-right: calc(8px + 16px); /* 8px是滚动条宽度，16px是滚动轨道的宽度 */
}

/* 为了保持滚动区域的高度一致，可以针对.el-select-dropdown设置固定高度，这里假设高度为400px */
.el-select .el-input__inner .el-select-dropdown {
  height: 400px;
}

记得在你的CSS文件中应用这些规则，并确保在浏览器上测试以确保效果正确。