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 CSS Selectors Selectors - Beyond the Basics Attribute Selectors Challenge

Next, create a new attribute selector that targets input elements with a type value of password. Then, set the color to

I have used all suggestions but no luck, can't figure out what is going wrong?

style.css
/* Complete the challenge by writing CSS below */
img[title="avatar"] {
    border-radius: 50%;

 input[type="password"] { 
    color: #ccc; 
  }
index.html
<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <form class="form-contact">
        <img src="avatar.png" title="avatar" alt="">

          <label for="un">Username:</label> 
          <input type="text" id="un">

        <label for="pw">Password:</label>
        <input type="password" id="pw">

          <input type="submit" value="Sign up">
        </form>
    </div>
</body>
</html>

6 Answers

Serge Honderdos
Serge Honderdos
8,918 Points

Seems like you forgot to close your first css rule.

i did it it at last make sure you dont space between input and type

img[title="avatar"] { border-radius: 50%; } input[type='password'] { color:#ccc; }

Thank you! I guess I needed the single quotations, because taking them out or using double quotations didn't work.

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,240 Points

Hi, John. I'm pretty sure you don't need the quotes when you are using selectors with square brackets. Try this:

 input[type=password] { 
    color: #ccc; 
  }

Edit: Never mind me! Looks like Serge above is probably right! :)

must be getting old and forgetful, tks for help

input[type="password"] { color: #ccc; }