GWT css 样式覆盖
我想覆盖我的标签颜色,因此使用 .gwt-label 类将其重新定义为应用程序中的 css 之一。然而,在应用程序的一个特定位置,我需要一种不同的颜色。因此,我使用 @external 覆盖了该类的 UI 绑定器中的 css 样式类。
<ui:style field='otherStyle'>
@external .gwt-Label;
.gwt-Label { color: #fff; }
</ui:style>
它工作正常,但当我在浏览器中访问此页面时,所有标签样式都会采用上述样式的效果。
任何线索都会有帮助。
提前致谢
I want to override my label color so redfined it one of the css in application using .gwt-label class. However at one specific location in the application, I need a different color. So I did the overriding the css style class in the UI binder of that class using @external
<ui:style field='otherStyle'>
@external .gwt-Label;
.gwt-Label { color: #fff; }
</ui:style>
It works fine but the moment I access this page in the browser, all the labels style take the effect of above style.
Any clue would be helpful.
Thanks in advance
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我建议您使用不同的样式名称,并将其添加到您想要不同颜色的所有元素中。您无法有选择地选择在不同元素上使用单个 css 类的哪个版本。
I recommend you use a different style name, and add it to all of the elements you want to be a different color. You can't selectively choose which version of a single css class to use on different elements.