如何在Vaadin 23中为必填指示器使用不同的颜色

huangapple go评论74阅读模式
英文:

How to use a different color for the required indicator in Vaadin 23

问题

我想要始终将多个字段的所需指示器显示为红色,我尝试通过以下方式设置:

:host(.required-field)::part(required-indicator)::after {
   color: var(--dg-color-red);
   font-weight: bold;
}

如果设置了类required-field并且字段标记为所需(setRequired(true)),那么应该适用于所有类型的输入字段。

这是否可能?

英文:

I want to display the required indicator always red for several fields, I tried to set this via

:host(.required-field)::part(required-indicator)::after {
   color: var(--dg-color-red);
   font-weight: bold;
}

I should apply for all kind of input fields if the class required-field is set and the field marked as required (setRequired(true)).

Is this possible?

答案1

得分: 3

你可以为整个应用程序提供一个全局变量来设置所需指示器的样式。将以下内容添加到你的自定义主题中的styles.css文件中。

html {
  --lumo-required-field-indicator-color: red;
}
英文:

You can supply a global variable to style the required indicator for the whole application. Add the following to your styles.css inside your custom theme.

html {
  --lumo-required-field-indicator-color: red;
}

huangapple
  • 本文由 发表于 2023年6月13日 17:40:42
  • 转载请务必保留本文链接:https://go.coder-hub.com/76463577.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定