.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb默认显示
时间: 2023-07-08 18:41:18 浏览: 233
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
要让element的横向滚动条默认显示,可以通过给滚动条的样式添加 `opacity: 1` 和 `display: block`,以强制显示滚动条。
具体实现代码如下:
```css
.el-scrollbar__bar.is-horizontal .el-scrollbar__thumb {
opacity: 1;
display: block;
}
```
在上面的代码中,我们给滚动条的样式添加了 `opacity: 1` 和 `display: block`,以强制显示滚动条。这样就可以让element的横向滚动条默认显示了。
需要注意的是,如果滚动条被隐藏了,可能是因为滚动条的父元素设置了 `overflow: hidden`,这时需要把滚动条的父元素的 `overflow` 属性改为 `auto` 或 `scroll`,才能让滚动条显示。
阅读全文