ant Design table表格 hover行样式修改（也可解决hover修改后背景出现闪白的现象）

 .ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover {
	background: #222b50 !important;
}

设置Table中每行背景颜色的案例

 .ant-table-row, .ant-table-tbody > tr {
	background: #222c51 !important;
	color: #fff;
}
 
.ant-table-tbody > tr:hover, .ant-table-row:hover {
	background: #293246 !important;
	color: #fff;
}
.ant-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
	background: #293246 !important;
}

posted @ 2025-02-12 11:55 Felix_Openmind 阅读(10) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· AntDesign样式穿透解决方案

· AntDesignVue框架中a-tab中tab框改造成圆角带有背景

· element 表格hover样式不想要, 鼠标经过表格不一样的背景色影响

· antd5版本修改Table组件滚动条样式

· 前端项目实战201-react改变样式

阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！

历史上的今天：
2024-02-12 let、const、class声明的变量不属于顶层对象★

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

ant Design table表格 hover行样式修改（也可解决hover修改后背景出现闪白的现象）

设置Table中每行背景颜色的案例

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	.ant-table-tbody > tr.ant-table-row:hover > td, .ant-table-tbody > tr > td.ant-table-cell-row-hover {
	background: #222b50 !important;
	}

	.ant-table-row, .ant-table-tbody > tr {
	background: #222c51 !important;
	color: #fff;
	}

	.ant-table-tbody > tr:hover, .ant-table-row:hover {
	background: #293246 !important;
	color: #fff;
	}
	.ant-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
	background: #293246 !important;
	}