Question

我试图通过shared-styles.html（webapp / frontend / styles）更改Vaadin Flow Grid标头的背景颜色：

input = cm.input(mv::Shape(224, 224, 3), mv::DType::Float, mv::Order::Planar);

对应于https://github.com/vaadin/vaadin-themable-mixin/wiki/3.-Stylable-Shadow-Parts和https://vaadin.com/components/vaadin-grid/html-api/elements/Vaadin.GridElement，它应该可以工作-但这不是...

怎么了？

Answer 1

<dom-module>不应位于<style>或<custom-style>标记内，而应位于其旁边。此外，默认情况下似乎会覆盖背景颜色，因此您可以尝试在以后添加!important进行测试。对我来说，设置th[part~="header-cell"]似乎足够具体，不会被覆盖。

<custom-style>
    <style>
    </style>
</custom-style>

<dom-module id="my-grid" theme-for="vaadin-grid">
    <template>
        <style>
            th[part~="header-cell"] {
                background-color: darkorange;
            }
        </style>
    </template>
</dom-module>

VaadinFlow中的样式网格

1 个答案: