用gwt中的另一个css样式覆盖css样式

用gwt中的另一个css样式覆盖css样式,css,gwt,Css,Gwt,我需要用gwt中另一个css文件的样式覆盖特定元素的css样式 我已通过以下代码进行了尝试 sendButton.addStyleName("sendButton"); Window.alert("test"); sendButton.addStyleName("butt"); 警报就要来了。但这种风格并没有被推翻。css代码是 .发送按钮{ 显示:块; 字号:16pt; 颜色:红色; } .屁股{ 字号:32pt; 可见:假; 颜色:绿色; } 按钮字体为红色,但未更

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

我已通过以下代码进行了尝试

    sendButton.addStyleName("sendButton");
    Window.alert("test");
    sendButton.addStyleName("butt");
警报就要来了。但这种风格并没有被推翻。css代码是 .发送按钮{ 显示:块; 字号:16pt; 颜色:红色; } .屁股{ 字号:32pt; 可见:假; 颜色:绿色; } 按钮字体为红色,但未更改为绿色。我也在html文件中包含了这个css

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


提前感谢

如果这是您希望应用于所有按钮的样式,您可以覆盖GWT应用于所有按钮的样式:
GWT按钮

或者,尝试:

color: red !important;

或者更具体地使用CSS选择器,以便其他CSS规则不优先。

我假设所选的.gwt按钮和.gwt按钮是您按钮的默认样式名称(由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;
    }
试试这个

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

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

谢谢您的回答。这对我很有用。我把这个款式放在了一起!感谢您宝贵的回答。谢谢。我删除了setStyleName并添加了addStyleName()方法。这对我很有用。