Question

Change color of Radio/Checkbox

Forms

Updated March 11, 2019

asked on July 30, 2015

I am looking for the CSS Selector to change the color of the Radio/Checkbox INPUT (Circle/Square). I have tried .choice {background-color:red;} and I'm getting the entire field to change, but not the CIRCLE. I do not care if it is selected or not, just want the background color to be changed. I've included pictures below to illustrate what I want to do. The error is what I get using the code above. The Wanted is what I am looking to achieve.

Thanks,

Nate

Radio Error.PNG (1.86 KB)

| Download

Radio Wanted.PNG (2.15 KB)

| Download

0 0

Replies

replied on July 30, 2015

A radio button is a native element specific to each OS/browser. There is no way to change it's color/style, unless you want to implement custom images or use a custom JS library which includes images. See this post for details: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons.

0 0

replied on July 30, 2015

"A radio button is a native element specific to each OS/browser. There is no way to change it's color/style, unless you want to implement custom images or use a custom JS library which includes images (e.g. this)

0 0

replied on March 11, 2019

This link is no longer active or useful.

0 0

You are not allowed to follow up in this post.

Question

Question

Change color of Radio/Checkbox

Replies

Sign in to reply to this post.