Appearance
Utilities to disable the styling of the original form controls.
Class | Property |
---|---|
a-auto | appearance: auto; |
a-none | appearance: none; |
Using responsive modifiers
Using responsive breakpoints like sm:a-*
,
md:a-*
, lg:a-*
, and xxl:a-*
allows targeting specific utilities in
different viewports.
Using hover modifiers
Using :hover
modifiers such as h:a-*
allows
you to override elements and change their values when hovering over them.