Nice Firefox forms

Added by void@userstyles, Created: May 30, 2007, Updated: May 31, 2007
  • With the style applied
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)


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').

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

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;

Applies to:
all URLs

Related styles:

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.