New to Kendo UI for Angular? Start a free 30-day trial

Customizing Autocomplete

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$autocomplete-bgColor

$kendo-input-bg

#ffffff

Description
The background of the autocomplete.
$autocomplete-textColor

$kendo-input-text

#656565

Description
The text color of the autocomplete.
$autocomplete-borderColor

$kendo-input-border

rgba(0, 0, 0, 0.08)

Description
The border color of the autocomplete.
$autocomplete-hover-bgColor

$kendo-input-hover-bg

#ffffff

Description
The background of hovered autocomplete.
$autocomplete-hover-textColor

$kendo-input-hover-text

#656565

Description
The text color of hovered autocomplete.
$autocomplete-hover-borderColor

$kendo-input-hover-border

rgba(0, 0, 0, 0.1536)

Description
The border color of hovered autocomplete.
$autocomplete-focus-textColor

$kendo-input-focus-text

#656565

Description
The text color of focus autocomplete.
$autocomplete-focus-bgColor

$kendo-input-focus-bg

#ffffff

Description
The background color of focus autocomplete.
$autocomplete-focus-borderColor

$kendo-input-focus-border

rgba(0, 0, 0, 0.1536)

Description
The border color of focus autocomplete.

In this article

Not finding the help you need?