Styling NumberField

I switched a TextField to a NumberField and it had styling to it:
:host(.cost-overwrite-textfield) [part=“input-field”] {
border-bottom: 2px solid rgb(111,111,111);
}
But the styling does not show after the switch. How do I have to modify the css to apply it to the NumberField?

Did you change the CSS filename to vaadin-number-field.css?

I currently have all stylings in one css file and they have worked so far

Which Vaadin version are you using?

V23, but I just found the error, had to add it in the themeFor annotation in the import, but thanks :slightly_smiling_face:

You know that you can put styling under /frontend/themes/<your_theme>/components

The CSS file name must be the component name + .css

And then you don’t need any CSS Import

https://vaadin.com/docs/latest/styling/custom-theme/creating-custom-theme