feat:修改表格的底层样式

This commit is contained in:
zhouz
2026-07-27 10:39:02 +08:00
parent 66dca91e7d
commit b54fbb614a
4 changed files with 30 additions and 23 deletions

View File

@@ -56,6 +56,33 @@
/* --vxe-ui-table-fixed-scrolling-box-shadow-color: rgb(0 0 0 / 80%); */
}
/*
* 全局提高表格复选框对比度。默认边框使用主题主色,在悬浮行、当前行及
* 勾选行中增加背景色描边,避免复选框与高亮行背景混在一起。
*/
.vxe-grid .vxe-cell--checkbox:not(.is--disabled) .vxe-checkbox--icon {
color: var(--vxe-ui-font-primary-color);
filter: drop-shadow(
0 0 1px var(--vxe-ui-layout-background-color)
);
}
.vxe-grid
.vxe-body--row:is(.row--hover, .row--current, .row--checked)
.vxe-cell--checkbox:not(.is--disabled)
.vxe-checkbox--icon {
color: var(--vxe-ui-font-primary-darken-color);
filter: drop-shadow(
0 0 2px var(--vxe-ui-layout-background-color)
);
}
.vxe-grid
.vxe-cell--checkbox:is(.is--checked, .is--indeterminate):not(.is--disabled)
.vxe-checkbox--icon {
color: var(--vxe-ui-font-primary-darken-color);
}
.vxe-pager {
.vxe-pager--prev-btn:not(.is--disabled):active,
.vxe-pager--next-btn:not(.is--disabled):active,