Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Bootstrap Basics Building Forms With Bootstrap Custom Form Controls for Cross-Browser Consistency

Colored Checkboxes

I can't make the checkbox colored when clicked like in the video, could anyone help me on this?

Steven Parker
Steven Parker
215,954 Points

Please show your code, or even better make a snapshot of your workspace and post the link to it here.

1 Answer

Steven Parker
Steven Parker
215,954 Points

I noticed several differences between the snapshot code and the video, including:

  • the checkboxes are inside the labels in the video
  • the classes used on the labels and inputs differ from the video
  • in the snapshot, all the labels are associated ("for") with the same checkbox

But none of those differences seem to have any bearing on color. So I'm guessing that perhaps:

  • the color is a behavior of a specific browser, or
  • the current version of Bootstrap differs from the one in the video in regard to checked color

Maybe someone else has another idea?