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

Customizing Combobox

The following table lists the available variables for customization.

NameTypeDefault valueComputed value
$combobox-bgColor

$kendo-input-bg

#ffffff

Description
The background of the combobox.
$combobox-textColor

$kendo-input-text

#656565

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

$kendo-input-border

rgba(0, 0, 0, 0.08)

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

$kendo-input-hover-bg

#ffffff

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

$kendo-input-hover-text

#656565

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

$kendo-input-hover-border

rgba(0, 0, 0, 0.1536)

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

$kendo-input-focus-text

#656565

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

$kendo-input-focus-bg

#ffffff

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

$kendo-input-focus-border

rgba(0, 0, 0, 0.1536)

Description
The border color of focus combobox.

In this article

Not finding the help you need?