Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed CSS Selectors!
You have completed CSS Selectors!
Preview
Now that we know how to target an element's attribute, let's learn the different ways we can select form buttons and links with attribute selectors.
Quick Reference
Using attribute selectors with form elements
This target an input element with a type value of email:
input[type="email"] {
background: yellow;
}
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
This time, we'll want to target our form
buttons, and define a new mouse cursor.
0:00
So we'll want to display the pointer
cursor, when a user
0:05
hovers over any of these buttons, because
currently it's not doing that.
0:09
So usually with forms there are three
button attributes we can work with.
0:14
So let's go ahead and target all three.
0:18
So we're gonna create, a new selector
group that targets them.
0:20
So first, we're going to say input
followed by a set of square brackets.
0:24
Then we're gonna target an input element
with a type attribute
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up