Input Fields
- Usage
- Styling
CSS Selectors
The following CSS selectors can be used to target common features in all Vaadin input field components simultaneously. See the Styling documentation for more details on how to style components.
States
- Required
-
[required] - Focused
-
[focused] - Keyboard focused
-
[focus-ring] - Read-only
-
[readonly] - Disabled
-
[disabled] - Not empty
-
[has-value]
Field
- Field surface (background, border)
-
*::part(input-field) - Clear button
-
*::part(clear-button) - Clear button icon
-
*::part(clear-button)::before