Hi Guys,
until now i still used vaadin 6/7/8 for my projects for years and all worked fine for me.
Because of some reasons i needed to use new vaadin flow with web components and run in the first issues.
I have a Button and i need to style the label inside the component.
I have add a Stylename to my Button:
unit = new Button("Unit of Measure");
unit.addClassName("buttonSetup");
Then I tried something like this in my css file:
.buttonSetup div[part="label"]
{
/*my styles */
}
Because of shadow dom the normal way don`t work.
Then i have investigate how to solve this issue and found this page:
https://github.com/vaadin/vaadin-themable-mixin/wiki/1.-Style-Scopes
I tried what is explained on this site and in my case:
.buttonSetup #shadow-root
<style>
[part="label"]
{
/* my styles here */
}
</style>
But this isn´t function as well.
I didn´t know how to solve this issue.
Please help me and sorry for bad english.
Best Regards