Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Posted by mohamedahmedgehad
mohamedahmedgehad
11,541 Points

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
231,236 Points
Steven Parker
Steven Parker
231,236 Points

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

mohamedahmedgehad
mohamedahmedgehad
11,541 Points

Here is my code: https://w.trhou.se/ezmuew9g9x

1 Answer

Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 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?