用gwt中的另一个css样式覆盖css样式
我需要用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; 可见:假; 颜色:绿色; } 按钮字体为红色,但未更
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()方法。这对我很有用。