Skip to main content

Styling even more form controls | 456 Berea Street

Popularity Report

Total Popularity Score: 0
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Rank

Public Comment

on 2006-08-28 by ycc2106

example of different form elements in different browsers

on 2006-10-05 by bluecockatoo

A big sampling of CSS styled input controls on various browsers and OSes. Good reference for seeing how your CSS will affect input controls, and basically the foundation for the argument that you shouldn't bother because there's no way to make them look the same everywhere...

Public Sticky notes

All Mac browsers were running on Mac OS X 10.3.5, and all Windows browsers were tested in Windows 2000 and Windows XP. By default, this is what the various controls look like in each of the tested browsers:

Buttons

Submit buttons

Highlighted by ycc2106

Select boxes, multiple

Single line text inputs

Multi-line text inputs

Checkboxes

Highlighted by ycc2106

Radio buttons

File select controls

Highlighted by ycc2106

This is a follow-up to my previous post about Styling form controls. For some background info and comments, you may want to read that post. In short, this is a reference that shows how differently form controls are rendered by different web browsers and operating systems. It also shows that little can be done to make form controls appear the same across browsers and platforms.

Highlighted by millette

Styling even more form controls

Highlighted by morganmarie