css - GWT 按钮背景不起作用

Question

我是 GWT/uiBinder(最新版本的 GWT 并在最新的 Eclipse 下测试)的新手，真的很困惑。我的按钮 CSS 是 ...

/* --button-- */
.gwt-Button {
    font-size: 16px;
    font-weight: normal;
    color: #0F0;
    background: #F00;    /* this gets ignored */
}

后台什么都不做，其余的工作。

我已经测试过这个 CSS 条目通过改变颜色来做一些事情并且看到它有效。我也尝试过“背景颜色”(我在各种文档中都看到过)。背景永远不会改变。

我还测试了一个 gwt-TextBox 如下，它工作得很好。

/* --text box-- */
.gwt-TextBox {
    font-size: 16px;
    font-weight: normal;
    color: #0F0;
    background: Beige;
}

注意:我知道有时在测试时您必须刷新网页才能看到您的更改。

注意:我可以通过使用名为“myButton”的 CSS 条目并在 uiBinder 条目中使用 styleName='myButton' 来设置按钮背景。

注意:按钮在LayoutPanel中的Layer中，北:DockLayoutPanel，东:DockLayoutPanel。

帮助!

Answer 1

https://stackoverflow.com/a/7833358/635411

您可以像其他答案建议的那样使用更具体的选择器:

/* --button-- */
button.gwt-Button {
    font-size: 16px;
    font-weight: normal;
    color: #0F0;
    background: #F00;
}

就个人而言，由于优先级问题，我尽量避免覆盖默认样式。