el-scrollbar怎么改格式

要自定义Element UI中的el-scrollbar组件的样式，你可以使用以下方法：

1. 使用深度选择器（deep selector）：在你的CSS样式中，使用`/deep/`或`::v-deep`来穿透组件的作用域限制，以便直接修改el-scrollbar的样式。例如：

<style scoped>
/* 使用 /deep/ */
/deep/ .el-scrollbar {
  background-color: red;
}

/* 或使用 ::v-deep */
::v-deep .el-scrollbar {
  background-color: red;
}
</style>

2. 使用全局样式：如果你不需要将样式限制在组件作用域中，可以在全局样式表（例如App.vue或main.js）中直接修改el-scrollbar的样式。例如：

<style>
.el-scrollbar {
  background-color: red;
}
</style>

这样你就可以根据需要进行自定义格式，修改el-scrollbar的背景颜色、滚动条样式等。记得在修改样式时，参考Element UI的官方文档和组件源码，了解组件的类名和结构，以确保你选择了正确的元素进行样式修改。

相关问题

修改.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view高度为100%

要将.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度修改为100%，可以在CSS中添加以下样式：

.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view {
  height: 100%;
}

这将把.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度设置为其父元素的高度，即100%。

.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb默认显示

要让element的横向滚动条默认显示，可以通过给滚动条的样式添加 `opacity: 1` 和 `display: block`，以强制显示滚动条。

具体实现代码如下：

.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb {
  opacity: 1;
  display: block;
}

在上面的代码中，我们给滚动条的样式添加了 `opacity: 1` 和 `display: block`，以强制显示滚动条。这样就可以让element的横向滚动条默认显示了。

需要注意的是，如果滚动条被隐藏了，可能是因为滚动条的父元素设置了 `overflow: hidden`，这时需要把滚动条的父元素的 `overflow` 属性改为 `auto` 或 `scroll`，才能让滚动条显示。