Background

Background Color

The Telerik and Kendo UI Background Color Utilities are CSS classes that enable you to control the color of an element's background.

Utility ClassCSS Property
.k-bg-inheritbackground-color: inherit;
.k-bg-transparentbackground-color: transparent;
.k-bg-blackbackground-color: black;
.k-bg-whitebackground-color: white;

Applying a Background Color

Use the k-bg-{color} utilities to apply a background color. Replace {color} with the desired color variable, for example, k-bg-primary, k-bg-secondary, or k-bg-warning.