Reset Revisited

Contact Us or call 1-877-932-8228
Reset Revisited

Reset Revisited

  • Introduced in Page Layout lesson
  • cr

In the Page Layout lesson, we introduced the following simple CSS reset:

* {

As we noted there, this effectively does away with all margin, padding and borders for every element. This includes form controls. However, resetting form control styles has some undesirable effects. Eric Meyer covers this in detail in his article at The big takeaway is that different browsers have different default displays for form controls and that it is not possible to reconstruct those displays using CSS, so it's generally better to leave form controls alone.

Meyer provides a more detailed reset at that avoids resetting form controls. You'll find a copy of this file (reset-meyer.css in your CssForms directory. And we will use it in our code here.