Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Click here to return to the 'Get rid of those hideous form buttons' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Get rid of those hideous form buttons
Authored by: foamy on Nov 13, '04 11:26:16AM
If you would like some prettier, but not aqua, buttons for form controls, do the following. In your Users/username/Library/Application Support/Firefox/Profiles/default/chrome/ folder, make a file called userContent.css and in it, put the following code.

input:not([type]) {
	border: 2px solid !important;
	-moz-border-top-colors: #7C7C7C #C3C3C3;
	-moz-border-left-colors: #C2C2C2 #EFEFEF;
	-moz-border-right-colors: #C2C2C2 #EFEFEF;
	-moz-border-bottom-colors: #DDDDDD #FEFEFE;

select:not([multiple]) {
	border: 2px solid !important;
	-moz-border-bottom-colors: #999999 #CECECE;
	-moz-border-left-colors: #737373 #FFFFFF;
	-moz-border-right-colors: #999999 #CECECE;
	-moz-border-top-colors: #737373 #FFFFFF;
	background-image: url("chrome://browser/skin/bookmark_toolbar_background.gif");
	background-repeat: repeat-x !important;
	background-position: bottom right !important;
	background-color: rgb(246, 246, 246) !important;
        -moz-border-radius: 1px !important;


select:not([multiple]):hover:active {
	border: 2px solid !important;
	-moz-border-top-colors: #999999 #CECECE !important;
	-moz-border-right-colors: #737373 #FFFFFF !important;
	-moz-border-left-colors: #999999 #CECECE !important;
	-moz-border-bottom-colors: #737373 #FFFFFF !important;

select > input[type="button"] {
	border-top: none !important;
	border-left: 1px solid #CECECE !important;
	border-right: none !important;
	border-bottom: none !important;
	background-image: none !important;
	background-color: transparent !important;

select[multiple]:focus  {
	-moz-border-top-colors: -moz-mac-focusring -moz-mac-focusring !important;
	-moz-border-left-colors: -moz-mac-focusring -moz-mac-focusring !important;
	-moz-border-right-colors: -moz-mac-focusring -moz-mac-focusring !important;
	-moz-border-bottom-colors: -moz-mac-focusring -moz-mac-focusring !important;
	-moz-border-radius: 1px !important;

textarea, select[multiple] {
	border: 2px solid !important;
	-moz-border-bottom-colors: transparent #999999 !important; 
	-moz-border-left-colors: transparent #999999 !important; 
	-moz-border-right-colors: transparent #999999 !important; 
	-moz-border-top-colors: transparent #737373 !important;
	-moz-border-raius-top-right: 1px;
	-moz-border-radius-bottom-right: 1px;
Save the file with Unix line endings and restart Firefox. I can't remember where I got this CSS file, but I like the looks a ton more than those hideous square buttons the default build uses.

[ Reply to This | # ]
middle mouse button?
Authored by: hey2 on Nov 13, '04 11:58:03AM

does anyone else notice that the middle mouse button no longer opens up tabbed windows with the g5optimized build? any idea how to fix it? thanks

btw: i just downloaded firefox to see what all the fuss was about...WOW i am impressed. the speed of this particular build, the customozation extensions (foxytunes-WOW!!!) the themes..VERY NICE! I'm sold!

[ Reply to This | # ]
Get rid of those hideous form buttons
Authored by: neilio on Nov 14, '04 03:09:05PM

My G5 buils already include Kevin Gerich's "pretty" form widgets, so this not necessary. :)

Slumming at

[ Reply to This | # ]