Create a radiobutton custom with kendo(change background-color)

Question

I would like to create a radio button with backgroundcolor=red.

I have this HTML code:

<input type="radio" id="car" name="carname" class="k-radio"/>
    <label class="k-radio-label" for="car">car</label>

I would to set background-color of kendo-radiobutton.

Your question is quite unclear. What have you tried? What problems did you have? — Jacob G, Mar 23 '17 at 15:36
You can't really change the appearance of radio buttons that much, you need to style the label instead. Here's an example of it http://stackoverflow.com/questions/24516958/styling-radio-buttons-into-a-square/24517881#24517881 — Jacob G, Mar 23 '17 at 15:47

score 2 · Answer 1 · answered Sep 21 '17 at 01:13

The answer above changes the entire unfilled radio bubble color for KendoRadioButtons. If you want to change the color of the inside circle on checked items here's what I'm using:

input.k-radio:checked + label:after {
    background-color: red !important;
}

score 1 · Accepted Answer · answered Mar 24 '17 at 06:13

1

Try

input[type=radio].k-radio + .k-radio-label:before {
    background-color: red;
}

Demo here

answered Mar 24 '17 at 06:13

Ademar

1,418
1
17
27

Create a radiobutton custom with kendo(change background-color)

2 Answers2