Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://vaadin.com/docs/latest/components/message-input/styling below:

Website Navigation

• ComponentsMessage Input
• ComponentsMessage List

How to style the Message Input component

The following CSS selectors can be used in stylesheets to target the various parts and states of the component. See the Styling documentation for more details on how to style components.

Root element

vaadin-message-input

Disabled

vaadin-message-input[disabled]

Input field wrapper

vaadin-message-input > vaadin-text-area

Input field

vaadin-message-input > vaadin-text-area::part(input-field)

Hovered input field

vaadin-message-input > vaadin-text-area:hover

Focused input field

vaadin-message-input > vaadin-text-area[focused]

Non-empty input field

vaadin-message-input > vaadin-text-area[has-value]

Send button

vaadin-message-input > vaadin-button

Send button text

vaadin-message-input > vaadin-button::part(label)

Hovered button

vaadin-message-input > vaadin-button:hover

Focused button

vaadin-message-input > vaadin-button[focused]

Button for non-empty field

vaadin-message-input > vaadin-text-area[has-value] ~ vaadin-button

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4