提问者:小点点

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


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

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

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

警报来了。但是样式没有被覆盖。css代码是. sendButton{显示:块;font-size:16pt;颜色:红色;}。屁股{font-size:32pt;可见:假;颜色:绿色;}按钮字体是红色的,只是它没有改变为绿色。我也在html文件中包含了这个css。

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

提前谢谢


共3个答案

匿名用户

试试这个

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

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

匿名用户

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

或者,尝试:

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;
    }