Appearance
Control native appearance
Syntax
visual="appearance:[value]"Values
| Value | CSS Output | Description |
|---|---|---|
none | appearance: none | Remove native styling |
auto | appearance: auto | Default appearance |
Examples
html
<select visual="appearance:none">Custom select</select>Preview
Appearance
visual="appearance:none" - Remove native browser styling from form elements
View Code
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
<select space="p:tiny" visual="appearance:auto"><option>Native</option></select>
<select space="p:tiny" visual="appearance:none bg:white border:neutral-300 rounded:small"><option>Custom</option></select>
</div>