feat:修改表格的底层样式
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user