.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; /* 确保边框样式为实线 */ }