Customizing Input

The following table lists the available variables for customization.

Name	Type	Default value	Computed value
$kendo-input-bg	Color	`$component-bg`	`#ffffff`
Description The background of the input.
$kendo-input-text	Color	`$component-text`	`#656565`
Description The text color of the input.
$kendo-input-border	Color	`$component-border`	`rgba(0, 0, 0, 0.08)`
Description The border color of the input.
$kendo-input-hover-bg	Color	`$kendo-input-bg`	`#ffffff`
Description The background of hovered input.
$kendo-input-hover-text	Color	`$kendo-input-text`	`#656565`
Description The text color of hovered input.
$kendo-input-hover-border	Color	`k-try-shade( $kendo-input-border, 1 )`	`rgba(0, 0, 0, 0.1536)`
Description The border color of hovered input.
$kendo-input-focus-bg	Color	`$kendo-input-hover-bg`	`#ffffff`
Description The background color of focus input.
$kendo-input-focus-text	Color	`$kendo-input-hover-text`	`#656565`
Description The text color of focus input.
$kendo-input-focus-border	Color	`$kendo-input-hover-border`	`rgba(0, 0, 0, 0.1536)`
Description The border color of focus input.

Suggested Links