From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Let’s focus on the focus

Let’s focus on the focus - CSS Tutorial

From the course: CSS Shorts

Let’s focus on the focus

- [Instructor] Hi, this is Chris Converse. In this episode we'll take a look at creating styles for form elements when they're in their focused state, meaning they're activated and waiting for user input. This will allow you to provide user feedback, while keeping your sites color scheme more consistent. So if you'd like to follow along with me, download the exercise files and let's begin by opening index.html in a text editor. Now with the HTML file open you'll see, in the head area, we have a link to style that CSS, which we'll open in a moment. Inside of the body area we have a form, inside of the form we have an H1, and then I have each of the input types for the form inside of div elements. And to preview the layout we're going to be working with, you can open the index.html file up in a browser. Now, inside of the browser, if you come in here and click on a form field to activate it, you can start typing inside. Notice the highlight around the outside and the borders. Every…

Contents