Topic: How to change checkbox color

kmckinley pro asked 5 years ago

I'm needing to change the coloring of the checkbox, but can't figure out how to do it. I would like the unchecked state to have a box that is white and the checked state to have a white check mark. Is this possible? Thank you, Kevin

Kamil Paciepnik free answered 5 years ago

Hi kmckinley, This code should change your selection checkbox on white. If you have any problems, write about them for sure it will solve.
[type=checkbox]:checked+label:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;

Arun Prakash free commented 4 years ago

Hi , I want to change the checkbox(active state) tick mark color. Please let me know how to change the color.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No