vue 左侧滑动轮el-scrollbar__thumb

在Vue项目中，如果你想要修改左侧滑动轮(el-scrollbar__thumb)的样式，可以按照以下步骤进行操作：

1. 首先，确保你已经引入了Element UI组件库，并在使用的地方添加了el-scrollbar组件。

2. 在样式文件中，可以使用scoped属性来限定样式的作用范围。在该样式文件中，可以通过定位到.el-scrollbar__thumb类来修改滑动轮的样式。

3. 比如，你可以使用CSS的border-radius属性来改变滑动轮的圆角，例如:

.el-scrollbar__thumb {
  border-radius: 8px;
}

这样就可以将滑动轮的圆角设置为8px。

注意，如果你的样式没有生效，可能是由于样式权重的问题。你可以尝试使用更具体的选择器，或者使用!important来提高样式的优先级。

请注意，在使用Element Plus组件库时，滑动轮的类名可能会有所不同，你可以查看官方文档或者使用开发者工具来确定正确的类名。

希望这个解答对你有所帮助！如果还有其他问题，请随时提问。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue项目修改浏览器滚动条样式](https://blog.csdn.net/baoyin0822/article/details/121856969)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]