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

我真的很想重新设计

gwt

的

SplitLayoutPanel

dragger。我主要关心的是改变它们的颜色。 我已经尝试过这个解决方案：但我无法让它发挥作用。

---

我使用

gwt2.6

作为Eclipse插件，使用

UIBinder

，经过几个小时的搜索和尝试，我终于找到了答案（这当然与前面提到的答案非常相似）。 我忘了加上这个

.gwt SplitLayoutPanel{}

到css

这是我截取的代码：

<!DOCTYPE ui:UiBinder SYSTEM 'http://dl.google.com/gwt/DTD/xhtml.ent'>
<ui:UiBinder
xmlns:ui="urn:ui:com.google.gwt.uibinder"
xmlns:g="urn:import:com.google.gwt.user.client.ui"

<ui:style>
@external .gwt-SplitLayoutPanel-HDragger;
@external .gwt-SplitLayoutPanel-VDragger;

.menuBar {
    font-size: 40px;
    font-color:red;
    font-weight: bold;
    background-color: black;
}
.gwt-SplitLayoutPanel {
}

.gwt-SplitLayoutPanel-VDragger {
    background: #228899 url(img/Hdragger.png) center center no-repeat;
    cursor: row-resize;
}
    .gwt-SplitLayoutPanel-HDragger {
    background: #228899 url(img/Vdragger.png) center center no-repeat;
    cursor: col-resize;
}
</ui:style>
<g:DockLayoutPanel  unit="EM">
<g:north size="3">
  <!-- ...some Widget-->
</g:north>
<g:center>
  <g:SplitLayoutPanel styleName='{style.gwt-SplitLayoutPanel}' ui:field="splitLayoutPanel">
    <g:west size="270">
       <!-- ...some Widget-->
    </g:west>
...

以下部分用于显示拖动器，它是可选的：

url(img/Vdragger.png) center center no-repeat;

url(img/Vdragger.png) center center no-repeat;