CSS custom properties

--mds-input-backgroundThe background color of the input field.

--mds-input-icon-colorThe RGB channels used to color icons inside the input.

--mds-input-placeholder-default-colorThe placeholder color in the default state.

--mds-input-placeholder-focus-colorThe placeholder color when the input is focused.

--mds-input-placeholder-hover-colorThe placeholder color when the input is hovered.

--mds-input-ringThe outline ring applied to the input on interactive states.

--mds-input-shadowThe box-shadow applied to the input component.

--mds-input-textarea-field-sizingThe field-sizing behavior of the textarea.

--mds-input-textarea-max-heightThe max-height applied to the textarea.

--mds-input-textarea-min-heightThe min-height applied to the textarea.

--mds-input-textarea-resizeControls whether the textarea is resizable.

--mds-input-tip-backgroundThe background color of the input tip/inline help.

--mds-input-tip-horizontal-offsetThe default horizontal offset applied to the input tip

--mds-input-tip-horizontal-offset-focusedThe horizontal offset applied when the input tip is focused

--mds-input-tip-vertical-offsetThe vertical offset applied to the input tip

--mds-input-variant-color-rgbThe raw RGB channels used for variant-driven styling.

Parts

counter-button-decrease

counter-button-increase

field

mic-toggle-button

password-mask-item

password-mask-items

password-toggle-button

tip-bottom

tip-count

tip-top