如何在GWT UIBinder模板中重新设置SplitLayoutPanel拖动器的样式

有人能告诉我如何更改SplitLayoutPanel的UIBinder模板中拖动器的样式吗

这是我的MainMenu.ui.xml：

<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
    xmlns:g="urn:import:com.google.gwt.user.client.ui">
    <ui:style src="Resources/GlobalStyles.css" />

    <g:SplitLayoutPanel width="100%" height="100%" styleName='{style.splitLayoutPanel}'>
        <g:north size="100">
            <g:HTMLPanel/>
        </g:north>
        <g:west size="250">
            <g:HTMLPanel/>
        </g:west>
        <g:center>
            <g:HTMLPanel/>
        </g:center>
        <g:south size="50">
            <g:HTMLPanel
                styleName='{style.footerPanel}'>
                <div>
                    <a href="#">Contact us</a>
                    <a href="#">Privacy</a>
                    <a href="#">About</a>
                </div>
            </g:HTMLPanel>
        </g:south>
    </g:SplitLayoutPanel>

</ui:UiBinder>

---

这里怎么了？我的拖拽器不可见，也没有cursus变化。

我认为GWT不喜欢嵌套。因此，按如下方式重写css应该可以正常工作：

.splitLayoutPanel .gwt-SplitLayoutPanel-HDragger { 
    background:#d0e4f6;
    cursor: col-resize;
}
.splitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
    background: #d0e4f6;
    cursor: row-resize;
}

此外，GWT可能会抱怨

.GWT-

样式，在这种情况下，css中的以下行：

@external .gwt-SplitLayoutPanel-HDragger;
@external .gwt-SplitLayoutPanel-VDragger;

@external .gwt-SplitLayoutPanel-HDragger;
@external .gwt-SplitLayoutPanel-VDragger;