如何在 Vaadin 流程中设置样式/主题网格的标题复选框？

Question

我正在尝试设置 Vaadin 网格标题的样式，更具体地说，我想将“复选框”的背景更改为“白色”。

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

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

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

关于如何实现这一点的任何建议？请看下面的截图：1) 应该有白色背景，2) 应该保持默认背景，而不是白色。

发送。

Answer 1

您尝试过 ID CSS 选择器吗？

#selectAllCheckbox {
    background: white;
}

正如我在网格组件demo page 上看到的那样，复选框不是影子 DOM 的一部分，也就是说，您可以使用全局 CSS 设置它的样式。