Question

我需要用gwt中的另一个css文件样式覆盖特定元素的css样式。

我已尝试过以下代码

    sendButton.addStyleName("sendButton");
    Window.alert("test");
    sendButton.addStyleName("butt");

警报即将来临。但风格尚未被覆盖。 css代码是 .sendButton { 显示：块; font-size：16pt; 红色; } 。屁股{ 字体大小：32点; 可见：假的; 颜色：绿色; } 按钮字体为红色，但不会更改为绿色。我也把这个css包含在html文件中。

所以请告诉我如何用gwt中的另一个css文件样式覆盖一个css样式。

提前致谢

Answer 1

如果这是您要应用于所有按钮的样式，则可以覆盖GWT应用于所有按钮的样式：gwt-Button。

或者，尝试：

color: red !important;

或更具体的CSS选择器，以便其他CSS规则不占优势。

Answer 2

我假设.gwt-button和.gwt-Button-selected是你按钮的默认样式名称（由GWT提供）。

你可以这样做。这里我删除了一些css属性（所有属性都是随机的）。您应该在UIBinder中编写这些css属性。

@external .gwt-Button;
    .gwt-Button {
      cursor: pointer;
      cursor: hand;
      color: #3e3e3e;
      font-weight: bold;
      text-align: center;
      background: white;
      margin-top: -6px;
      margin-top: -33px;
      margin-left: -1px;
    }
    @external .gwt-Button-selected;
    .gwt-Button .gwt-Button-selected {
      cursor: default;
      background: white;
    }

Answer 3

试试这个

 sendButton.addStyleName("sendButton");
 Window.alert("test");
 sendButton.setStyleName("butt");

setStyleName清除所有对象的样式名称并将其设置为给定的样式。

通过gwt中的另一个css样式覆盖css样式

3 个答案: