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

Posted by John Moore
John Moore
3,223 Points

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
Serge Honderdos
Serge Honderdos
8,918 Points

Seems like you forgot to close your first css rule.

MUZ140526 Alex Mawene
MUZ140526 Alex Mawene
2,687 Points
MUZ140526 Alex Mawene
MUZ140526 Alex Mawene
2,687 Points

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; }

Brooke Janssens
Brooke Janssens
8,090 Points

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,242 Points
Ryan Field
Ryan Field
Courses Plus Student 21,242 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! :)

John Moore
John Moore
3,223 Points
John Moore
John Moore
3,223 Points

must be getting old and forgetful, tks for help

BLESSING NYAMBIYA
BLESSING NYAMBIYA
7,659 Points
BLESSING NYAMBIYA
BLESSING NYAMBIYA
7,659 Points

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