我需要用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样式。
提前谢谢
试试这个
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;
}