How to change checkbox checkPrimitive back color?

[James]

How do you change the backcolor of the box where the checkmark is made?  This is not the control backcolor, but the color inside the checkbox.

In this link it is called RadCheckMark checkPrimitive (1.1) https://docs.telerik.com/devtools/winforms/controls/buttons/checkbox/structure

I can't find any property that controls that checkPrimitive back color.

 

[Stoyan]

Hello James,

In Telerik UI the 'tick' glyph of the CheckBox is set as an svg background via CSS in the Html input created on the client-side. 

To change its color you need copy the configuration and change the stroke property to the desired color:

    .k-checkbox:checked, .k-checkbox.k-checked{
        background-color:red;
        border-color:red;
        background-image:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='blue' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/%3e%3c/svg%3e");
    }

For your convenience I have applied the above to this Telerik REPL. 

Please give the approach a try and don't hesitate to let me know whether any issues on the topic arise.

Regards,
Stoyan
Progress Telerik