From the course: CSS Shorts

Unlock this course with a free trial

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

Customized radio buttons

Customized radio buttons - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Customized radio buttons

“

- [Chris] Hi, I'm Chris Converse and in this episode, we'll replace the standard radio buttons in a html form with custom artwork and we'llmaking use of a spreadsheet to do this. Allowing us to customize the user experience to match the design of our webpage. So if you'd like to follow along, download the exercise files and we'll be begin by opening the html file in a text editor. Now, once you have the html file open, up in the head area, you'll see we have the link to style the css, we're going to be opening this style sheet file in a moment. If we scroll down inside of the body area, we have an article element, and then a form element and then inside of the form, we have each of our radio buttons. The input field and then a label immediately following and then a break tag. Now I have a break tag here because I need to have a line break before each new input and since each of these elements has a display type of in line, we don't have any way to force these on separate lines…

Contents