userstyles.org - Nice Firefox forms

[Edit] [Delete]

This is an experimental style. It is the port of akirasan's style[1] (based on Phillippe Wittenbergh's work[2]).

Since it aims to override the browser' default elements layout, you need to remove the "!important" keyword of some rules in your forms.css file (usually found in \res\forms.css) starting around line 364, leaving the CSS style something similar to the one below (note the "!important" being commented, e.g. "/* !important */").

There are some issues, like the drop-down boxes not being (fully) styled, but this will be attended shortly (again, affecting 'forms.css').
[1] http://www.akirasan.net/?p=403
[2] http://emps.l-c-n.com/articles/94/widgets-for-firefox

/* common features of radio buttons and check boxes */

input[type="radio"],
input[type="checkbox"] {
/* same colors as |input| rule, but |!important| this time. */
-moz-box-sizing: border-box;
background-color: -moz-Field /*! important*/;
color: -moz-FieldText ! important;
border:

(Assuming Firefox Chrome Opera Internet Explorer Other )

Show code