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!

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


Code Challenge: More Pseudo-classes - task 3

I'm trying to complete the code challenge for More Pseudo-classes. Task 3 asks "The 'Phone' field in this form has been disabled in the HTML file. Create a new rule that selects the disabled field only, then set its background color to lightgray."

I have it set as

:disabled { background-color: #CCC; }

It shows up correctly on the sample form but it keeps telling me to check my selector. Any idea what I am missing?

5 Answers

James Barnett
James Barnett
39,199 Points

@Cathy -

That question is actually asking for the color keyword lightgray, not a hex code color.

James Barnett
James Barnett
39,199 Points

An interesting tidbit is that, the color keyword light gray is defined as the hex code #d3d3d3.

@James - Thank you! That was it.

James Barnett
James Barnett
39,199 Points

@Cathy - You're quite welcome.

I got stuck on this for the longest because of the same color code problem. #CCC is used by the instructor in the lesson leading up to the challenge, and then called "light gray". Fwiw, I ended up with a solution I thought was more specific to the disabled "Phone" field. Here goes:

input[type="text"]:disabled {
  background-color: lightgray;

Edit: Ok so "text" in the code posted here is red now. That has me worried.