修改elementui table 组件滚动条样式

简介: 修改elementui table 组件滚动条样式
.el-table ::webkit-scrollbar {
display: block;
height: 938px;
width: 6px;
}
.el-table ::webkit-scrollbar-thumb {
box-shadow: inset000pxwhite;
-webkit-box-shadow: inset000pxwhite;
background: rgba(64, 158, 255, 0.6);
border-radius: 4px;
}
.el-table ::-webkit-scrollbar-track {
background: #424f6a;
}
相关文章
Element-ui 表格(Table)组件中鼠标悬停(hover)样式修改
Element-ui 表格(Table)组件中鼠标悬停(hover)样式修改
3095 0
|
JavaScript
VUE element-ui之table表格全选框(复选框)隐藏
VUE element-ui之table表格全选框(复选框)隐藏
1719 0
VUE element-ui之table表格全选框(复选框)隐藏
|
JavaScript
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
2864 0
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
|
4月前
|
存储 索引
antd中table组件选中单行换样式(比如背景颜色)
在Ant Design (antd)的Table组件中,可以通过设置`onRow`属性来定义行点击事件,从而改变被点击行的样式,如背景颜色。`onRow`是一个函数,返回一个对象,对象包含事件处理函数,如`onClick`。同时,使用`rowClassName`属性来指定行的类名,结合状态管理,可以实现点击某行后改变其背景颜色的效果。具体实现时,需要在组件状态中保存当前被点击行的索引,然后通过`rowClassName`判断并返回相应的类名。
524 2
antd中table组件选中单行换样式(比如背景颜色)
|
4月前
|
前端开发
element菜单组件样式修改NavMenu导航菜单
本文介绍了如何修改Element UI的NavMenu导航菜单组件的样式,包括激活菜单项的颜色、菜单项hover颜色、父级菜单hover颜色以及菜单行高。提供了相应的CSS代码示例,并展示了如何将这些样式应用到实际的NavMenu组件中。
398 3
element菜单组件样式修改NavMenu导航菜单
|
8月前
【UI】修改滚动条样式
【UI】修改滚动条样式
55 1
|
8月前
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
453 1
|
JavaScript
VUE element-ui之table表格内容样式(颜色)修改
VUE element-ui之table表格内容样式(颜色)修改
955 0
VUE element-ui之table表格内容样式(颜色)修改
|
JavaScript
vue全局修改滚动条样式
vue全局修改滚动条样式
408 1