react->Antd->Table调整checkbox默认样式

news/2024/11/7 21:58:14/

checkbox默认不展示,hover此行时,出现checkbox,选中后不消失:

hover前,设置透明边框;

hover时,checkbox出现

选中后

代码块:

  .ant-checkbox {.ant-checkbox-inner {border: transparent;}}.ant-checkbox-checked .ant-checkbox-inner,.ant-checkbox-indeterminate .ant-checkbox-inner {border: 2px solid #3a89fe;}.ant-table-tbody> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)> td.ant-checkbox-inner {border: 2px solid #3a89fe;}

表头checkbox

代码块

此处修改边框颜色

.ant-table-header {.ant-checkbox {.ant-checkbox-inner {border: 2px solid rgba(255, 255, 255, 0.10196);}}}

禁用的checkbox

代码块

此处修改背景色设为透明

  .ant-checkbox-disabled .ant-checkbox-inner {background-color: transparent;}


http://www.ppmy.cn/news/1545176.html

相关文章

2024年三个月自学网络安全(黑客技术)进阶手册。

🤟 基于入门网络安全/黑客打造的:👉黑客&网络安全入门&进阶学习资源包 前言 什么是网络安全 网络安全可以基于攻击和防御视角来分类,我们经常听到的 “红队”、“渗透测试” 等就是研究攻击技术,而“蓝队”、…

用环形数组实现队列(多种高级方法,由浅入深)

同普通数组实现的队列相比,普通数组的头结点和尾节点都是固定的,在进行移除的时候如果移除了一个节点,后面所有节点都需要进行移除操作,需要的时间复杂度更高 在环形数组中,确定了头尾指针的环形数组很好地解决了这一…

js下载excel示例demo

<Buttontype{"primary"}key"out"onClick{async ()>{const ExportJsonExcel require("js-export-excel");const datas selectedRowsState //确保勾到的数据是一个列表&#xff0c;列表中每个值是字典const option {};const dataTable […

私有化视频平台EasyCVR海康大华宇视视频平台视频诊断技术是如何实时监测视频质量的?

在现代视频监控系统中&#xff0c;确保视频流的质量和稳定性至关重要。随着技术的进步&#xff0c;视频诊断技术已经成为实时监测视频质量的关键工具。这种技术通过智能分析算法对视频流进行实时评估和处理&#xff0c;能够自动识别视频中的各种质量问题&#xff0c;并给出相应…

stable diffusion图生图

本节内容&#xff0c;给大家带来的是stable diffusion的图生图课程&#xff0c;我们在midjourney的课程中有学习过midjourney的图生图功能&#xff0c;即使用垫图的方式来引导AI绘制图片。图生图是AI绘图程序一个非常重要的功能&#xff0c;stable diffusion同样提供了类似的功…

MYSQL作业五

1.触发器 准备工作 作业 建立触发器&#xff0c;订单表中增加订单数量后&#xff0c;商品表商品数量同步减少对应的商品订单的数量&#xff0c;并测试 建立触发器&#xff0c;实现功能&#xff1a;客户取消订单&#xff0c;恢复商品表对应商品的数量 建立触发器&#xff0…

JAVA日期加减运算 JsonObject 转换对象List

1.用java.util.Calender来实现 Calendar calendarCalendar.getInstance(); calendar.setTime(new Date());System.out.println(calendar.get(Calendar.DAY_OF_MONTH));//今天的日期calendar.set(Calendar.DAY_OF_MONTH,calendar.get(Calendar.DAY_OF_MONTH)1);//让日期加1 Sy…

qt QStandardItemModel详解

1、概述 QStandardItemModel是Qt框架中提供的一个基于项的模型类&#xff0c;用于存储和管理数据&#xff0c;这些数据可以以表格的形式展示在视图控件&#xff08;如QTableView、QTreeView等&#xff09;中。QStandardItemModel支持丰富的数据操作&#xff0c;包括添加、删除…