如何解决Vaadin:动态更改 CSS 变量
有没有办法动态改变亮度原色:
html {
--lumo-primary-text-color: hsl(214,35%,15%);
--lumo-primary-color-50pct: rgba(140,236,0.5);
--lumo-primary-color-10pct: rgba(140,0.1);
--lumo-primary-color: #8CEC00;
--lumo-primary-contrast-color: hsl(214,15%);
}
提前致谢!
最好的问候, 托马斯
解决方法
CSS 变量可以像这样从 Java 动态更新
UI.getCurrent().getElement().getStyle().set("--lumo-primary-text-color","hsl(214,35%,15%)")
这将更新整个 UI 的变量值。如果您只想更改特定组件(及其子组件)的变量,则可以仅在该组件上调用 getElement().getStyle().set()
。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。