GWT css 样式覆盖

发布于 2024-11-09 18:57:22 字数 356 浏览 0 评论 0原文

我想覆盖我的标签颜色,因此使用 .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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

顾冷 2024-11-16 18:57:22

我建议您使用不同的样式名称,并将其添加到您想要不同颜色的所有元素中。您无法有选择地选择在不同元素上使用单个 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文