Forms > Input Fields

newest | top rated | most popular | most commented

Added by aycarumba, 2 Years, 5 Months, 2 Days, 3 Hours, 2 Minutes ago

This tutorial will teach you how to add custom form boxes (a search bar) to your designs, and in browsers that format CSS correctly (read: not IE anything, although there is an IE fix for other problems) we’re going to have nice, fancy image replacements when you click on the search box, using the :focus pseudo class. Note: This does NOT work right in Safari, because it doesn’t know how to render…

22 | Forms > Input Fields

5.0/10

Currently 5.33/10

Styled File Input

Added by aycarumba, 2 Years, 5 Months, 2 Days, 3 Hours, 8 Minutes ago

Of all form fields, the file upload field is by far the worst when it comes to styling. Explorer Windows offers some (but not many) style possibilities, Mozilla slightly less, and the other browsers none at all. The "Browse" button, especially, is completely inaccessible to CSS manipulation.

16 | Forms > Input Fields

10.0/10

Currently 10.00/10

Styling File Inputs with CSS and DOM

Added by aycarumba, 2 Years, 5 Months, 6 Days, 14 Hours, 22 Minutes ago

File inputs are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.

15 | Forms > Input Fields

4.0/10

Currently 3.50/10