Customizing Dropdownlist

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$dropdownlist-bg	Color	`$kendo-button-bg`	`#f6f6f6`
Description The background of the dropdownlist.
$dropdownlist-text	Color	`$kendo-button-text`	`#656565`
Description The text color of the dropdownlist.
$dropdownlist-border	Color	`$kendo-button-border`	`rgba(0, 0, 0, 0.08)`
Description The border color of the dropdownlist.
$dropdownlist-hover-bg	Color	`$kendo-button-hover-bg`	`#ececec`
Description The background of hovered dropdownlist.
$dropdownlist-hover-text	Color	`$kendo-button-hover-text`	`#656565`
Description The text color of hovered dropdownlist.
$dropdownlist-hover-border	Color	`$kendo-button-hover-border`	`rgba(0, 0, 0, 0.08)`
Description The border color of hovered dropdownlist.
$dropdownlist-focus-text	Color	`$kendo-button-active-text`	`#656565`
Description The text color of focus dropdownlist.
$dropdownlist-focus-bg	Color	`$kendo-button-active-bg`	`#e2e2e2`
Description The background color of focus dropdownlist.
$dropdownlist-focus-border	Color	`$kendo-button-active-border`	`rgba(0, 0, 0, 0.08)`
Description The border color of focus dropdownlist.

Suggested Links