Scroll Sites

Search input

Name

search-input

Variants

  • border — Used by the search field on the search page.

CSS Custom Properties​

The search input always sits inside a search bar. The search bar draws the field's outline and sets the input's height, corner radius and border width from its own --height, --border-radius and --border-width, so customize those on the search bar.

Name

Description

--border-width

info Supported by variant border

Border width of the search-input.

--border-style

info Supported by variant border

Border style of the search-input (CSS values of the border-style property).

--padding-inline

Horizontal padding inside the search-input, before the search icon and after the text.

Last updated: