去掉el-scrollbar的横向滚动条,只展示纵向滚动条
时间: 2023-05-21 12:01:23 浏览: 170
Vue的el-scrollbar实现自定义滚动
可以使用以下 CSS 样式来去掉横向滚动条,只展示纵向滚动条:
```
::-webkit-scrollbar {
height: 8px;
width: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 4px;
}
::-webkit-scrollbar-track {
background-color: #f5f5f5;
}
```
其中,`::-webkit-scrollbar` 用于设置滚动条的宽度和高度,`::-webkit-scrollbar-thumb` 用于设置滚动条的样式,`::-webkit-scrollbar-track` 用于设置滚动条的背景色。
阅读全文