无法设置 MaterialSlider 的高度 - 如何覆盖 CSS？

Question

在 materialize.min.css 的某处，slider class 正在分配 height。我根本无法覆盖它。

我尝试的是在我的小部件的构造函数中设置高度：

public class HomeViewImpl extends Composite implements HomeView {

    public HomeViewImpl() {

        initWidget(uiBinder.createAndBindUi(this));     

        int height = Window.getClientHeight();
        slider.getElement().getStyle().setHeight(height, Unit.PX);
    }
}

我也尝试在我自己的 css 文件中覆盖它，我也尝试覆盖 Widget.onLoad() 并得到相同的结果。之后我可以调整滑块的大小，但不能在实际加载时调整。因为我想让它用完整个可用的space，所以它必须调整大小“on load”。

请注意设置fullscreen="true"不是一个选项，因为这会弄乱我在这里使用的视差效果的排列。

<m:MaterialSlider ui:field="slider" fullscreen="false">

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://mayastepien.nl/googlecalendar/google-drinks.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

    <m:MaterialSlideItem height="100%">
        <m:MaterialImage url="http://dreamatico.com/data_images/car/car-1.jpg" />
        <m:MaterialSlideCaption textAlign="CENTER">
            <m:MaterialTitle title="This is our big Tagline" description="Here's our small slogan." />
        </m:MaterialSlideCaption>
    </m:MaterialSlideItem>

</m:MaterialSlider>

Answer 1

根据

中的源代码

https://github.com/GwtMaterialDesign/gwt-material/blob/master/gwt-material/src/main/java/gwt/material/design/client/ui/MaterialSlider.java

..你也可以在 MaterialSlider 上设置高度属性（在你的 UiBinder xml）。

你可能知道这一点，但是相对高度只有在父元素的高度也被设置时才有效。

见实例 Make div 100% height of browser window

无法设置 MaterialSlider 的高度 - 如何覆盖 CSS？

Cannot set the height of MaterialSlider - How to override CSS?

gwt

gwt-material-design