28 lines
927 B
CSS
28 lines
927 B
CSS
|
|
.hover-highlight-class
|
|
{
|
|
background-color: black; /* 使用 MudBlazor 的悬停背景颜色变量 */
|
|
cursor: pointer; /* 改变鼠标指针，提示可点击 */
|
|
}
|
|
|
|
/* 可选：如果您希望选中状态有特殊的背景色，可以添加这个 */
|
|
.selected-highlight-class {
|
|
/* 例如：浅蓝色背景 */
|
|
/* background-color: var(--mud-palette-primary-lighten); */
|
|
/* 或者仅是边框颜色变化 (已经在 Wrapper 中实现了) */
|
|
/* border-color: var(--mud-palette-primary) !important; */
|
|
/* border-width: 1px !important; */
|
|
}
|
|
|
|
/* 可选：当同时处于选中和悬停状态时的样式 */
|
|
.selected-highlight-class.hover-highlight-class {
|
|
/* 例如：比单独悬停颜色更深一点的背景 */
|
|
background-color: var(--mud-palette-primary-darken);
|
|
}
|
|
|
|
/* 确保 MudCard 的边框在选中时可见 */
|
|
.mud-card.selected-highlight-class {
|
|
border-style: solid; /* 确保边框样式为实线 */
|
|
}
|
|
|