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

Alex Oates
Alex Oates
7,171 Points
Posted by Alex Oates
Alex Oates
7,171 Points

Targeting the "placeholder" type doesn't work, yet targeting "email" does. Why is this? Using Safari.

When I target the type "placeholder" the background color doesn't change like it does in the video, however when I target the type "email" it does work.

I'm using safari, curious as to what i'm doing wrong.

richardwheeler
richardwheeler
8,332 Points

Post your code, it could be a simple error. Some of the most simplest mistakes can be over looked.

1 Answer

Craig Watson
Craig Watson
27,930 Points

Hi Nicole,

To target the the placeholder text you need to use a pseudo selector, I was having the same trouble and this link sorted it out!.

If you want to target the background of that placeholder, you must be wanting the input element that is being used for.

To target the:

input[type="email"] {
    prop: val;
}

is to select all the input elements with the "type" attribute equal to "email".

I hope this helps and explains a little more for you :)

Craig