如何在 Vaadin 流程中 style/theme 网格的 header 复选框？

Question

我正在尝试设置 Vaadin 网格的样式 header，更具体地说，我想将 'checkbox' 的背景更改为 'white'。

这会将所有复选框更改为白色，而不仅仅是 header 中的复选框。

:host [part="checkbox"] {
    background: white;
}

/*or*/
[part="checkbox"] {
    background: white;
}

有什么关于如何实现的建议吗？请参见下面的屏幕截图：1) 应该有白色背景，2) 应该保持默认背景，而不是白色。

发送。

Answer 1

您尝试过 ID CSS 选择器吗？

#selectAllCheckbox {
    background: white;
}

正如我在网格组件 demo page 上看到的那样，复选框不是阴影的一部分 DOM，即您可以使用全局 CSS.[=12 设置样式=]