Lessons: 11Length: 1.4 hours
Styling HTML forms with CSS can sometimes be tricky. Some elements like text inputs and buttons are really easy to style, while others, like select inputs, are notoriously difficult. And even if you get the desired look in one browser, there’s no guarantee you’ll get the same from other browsers.
In this course we’ll explore various techniques for styling HTML forms. We’ll start by explaining why it’s so hard to get consistent results. After that, we’ll learn some simple techniques that will help us set a foundation for future styling. In the end, we’ll style some of the most commonly used form elements.
1.Introduction
1.1Welcome to the Course01:47
1.1
Welcome to the Course
01:47
2.The Basics of Styling HTML Forms
2.1A Few Words on Styling HTML Forms07:12
2.1
A Few Words on Styling HTML Forms
07:12
2.2Working With the Appearance Property07:03
2.2
Working With the Appearance Property
07:03
2.3Working With Typography05:34
2.3
Working With Typography
05:34
2.4Working With the Box Model06:03
2.4
Working With the Box Model
06:03
2.5Positioning Form Elements06:40
2.5
Positioning Form Elements
06:40
3.Advanced Techniques for Styling HTML Forms
3.1Styling Text Inputs20:15
3.1
Styling Text Inputs
20:15
3.2Styling Buttons06:25
3.2
Styling Buttons
06:25
3.3Styling Checkboxes10:20
3.3
Styling Checkboxes
10:20
3.4Styling Radio Buttons03:26
3.4
Styling Radio Buttons
03:26
3.5Styling Select Elements08:06
3.5
Styling Select Elements
08:06
