CSS custom properties

--mds-input-select-arrow-icon-background-colorBackground color behind the arrow icon

--mds-input-select-arrow-icon-blur-background-colorTransparent background used for blurred states of the arrow icon

--mds-input-select-arrow-icon-blur-colorColor applied to the arrow icon in blurred states

--mds-input-select-arrow-icon-colorDefault arrow icon color

--mds-input-select-arrow-icon-hover-background-colorBackground color of the arrow icon when hovered

--mds-input-select-arrow-icon-hover-colorColor of the arrow icon when hovered

--mds-input-select-ringRing applied around the select at rest; hover and focus draw a 3px ring in the variant color

--mds-input-select-shadowShadow applied to the select component

--mds-input-select-variant-color-rgbBase color used to derive all select component visual states

Parts

selectThe select HTML element

tip-topSelects the verbose status of input on top of element