Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

React Js – How to change a color in checkbox when it is checked?

Howto change the color in the checkbox when it is checked?
When my checkbox is checked, it has this color: enter image description here

But i want to change to red.

How i can do that?

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

  <input
        type="checkbox"
        disabled={isDisabled}
        defaultChecked={checked}
        onChange={() => setChecked(!checked)}
      />

>Solution :

You can use accent-color css property:

JsFiddle

input[type='checkbox'] {
  accent-color: red;
}
 <input type="checkbox" />

Keep the browser support in mind when using this.

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading