fmz 14

I know that each browser displays certain form elements in a unique fashion: buttons, drop down selectors and scroll bars. Is it possible to override those default values using css so that you can control the entire look and feel of those form items?

If so, I would be interested in styling drop down lists, and multi-selector lists with scroll bars.


2 answers

danwellman 5600
This was chosen as the best answer

Certainly not - form elements are notoriously difficult to style effectively accross browsers. Some form elements are ok - text inputs are generally safe

Select boxes and scroll bars - these cannot be styled effectively in any browser. IE used to support styling scrollbars, but the results were generally hideous and I think they yanked support for this some time ago.

From a usability point of view form elements are sacred and the visitor should be able to tell exactly what they are and how to use them with one glance, which could potentially not be the case if they were styled heavily.

Using JS it is possible to replace select boxes, radio buttons and check boxes with other elements that can be styled, but this is by no means a trivial task...

Answered over 9 years ago by danwellman
fmz 14

that is what I thought. Thanks.

Answered over 9 years ago by fmz