form-controls

Latest

  • Safari 3 allows styled form controls

    by 
    Robert Palmer
    Robert Palmer
    05.08.2008

    This was included in WebKit builds beginning several years ago, apparently, but is something I recently stumbled upon. Historically, Safari has been pretty insistent on making sure web page form fields (like drop-down menus and buttons) retain the Aqua look-and-feel. Web designers, on the other hand, have gotten used to choosing colors and font sizes for those controls, so they fit in with their site's design. Hopefully everyone can now be happy: Safari 3 allows web designers to style form controls with CSS. The results are pictured: instead of a glossy, Aqua-like control, Safari displays a matte-finish control in the color and size of your choosing. You can even apply background images to form controls. If you don't apply styles to your controls, then Safari retains the Aqua look. This shouldn't require any changes to code that's already written for other browsers: Safari 3 should pick right up on the formatting, and display it as the designer intended. It does, however, open up WebKit-specific CSS to your form controls.