網站首頁 編程語言 正文
????以下樣式代碼在less環境下生效,最終樣式如下。
????樣式代碼,
/*修改table 表體的背景顏色和文字顏色*/
/deep/ .el-table {
background-color: transparent;
th,
td {
background-color: transparent;
}
.el-table__expanded-cell {
background-color: transparent !important;
}
// 表頭背景色
th.el-table__cell {
background-color: rgb(25, 50, 70);
color: #fff;
}
tr > td {
background-color: rgb(25, 50, 70);
color: #fff;
}
// hover效果
tr:hover > td {
background-color: rgba(0, 0, 0, 0) !important;
}
tbody tr:hover > td {
background-color: #1356a1 !important;
// text-align: center;
}
// 滾動條寬高
.el-table__body-wrapper::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.el-table__body-wrapper::-webkit-scrollbar {
width: 5px;
/*滾動條寬度*/
height: 10px;
/*滾動條高度*/
}
/*定義滾動條軌道 內陰影+圓角*/
.el-table__body-wrapper::-webkit-scrollbar-track {
box-shadow: 0px 1px 3px #216fe6 inset;
/*滾動條的背景區域的內陰影*/
border-radius: 10px;
}
/*定義滑塊 內陰影+圓角*/
.el-table__body-wrapper::-webkit-scrollbar-thumb {
box-shadow: 0px 1px 3px #216fe6 inset;
border-radius: 6px;
background-color: #216fe6;
}
}
原文鏈接:https://blog.csdn.net/weixin_43524214/article/details/125733507
相關推薦
- 2022-05-12 Kotlin 代數/枚舉/密封類
- 2022-11-18 React中props使用教程_React
- 2022-10-22 Oracle根據時間查詢的一些常見情況匯總_oracle
- 2022-12-21 Python中Turtle庫改變畫筆(海龜)方向的兩種方法總結_python
- 2022-07-13 JMeter主要元件_線程組的使用方法
- 2022-09-13 C#?wpf使用ListBox實現尺子控件的示例代碼_C#教程
- 2022-06-02 Go語言流程控制詳情_Golang
- 2022-09-27 Python進階篇之正則表達式常用語法總結_python
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支