Forum:Coloring browser buttons

input[type="button"], input[type="submit"], input[type="reset"] { color: #fff !important; background-color: #FF6600 !important; background-image: none; cursor: pointer; border: 1px outset #FFCC33 !important; -moz-border-radius: 1em; font-family: Tahoma, Arial, sans-serif; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { color: #fff !important; background-color: #514A3C !important; } input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { border-style: inset !important; }

Well long ago i customize the browser buttons "Send", "save page", etc... it survive the the changes, but recently Something change in the Monaco Searchbox since looks like it got work out as a botton now it simply looks ugly now i need to correct it but i dont know know since i had to use "important" on the CSS other way the buttons would not change, can some one help me to maybe recode it so i keep my buttons with my color customization except the ones at the search bar? --Cizagna (Talk) 20:58, 17 June 2008 (UTC)


 * Since i have not get any comments so far the following is th solution i have found

.widget form input.checkbox, .widget form input.editor_button, .WidgetShoutBoxChat form input[type="submit"], input[type="submit"], input[type="button"] { 	color: #fff; background-color: #FF6600; background-image: none; cursor: pointer; border: 1px outset #FFCC33 ; -moz-border-radius: 1em; font-family: Tahoma, Arial, sans-serif; }

.widget form input.checkbox:hover, .widget form input.editor_button:hover, .WidgetShoutBoxChat form input[type="submit"]:hover, input[type="submit"]:hover, input[type="button"]:hover {	color: #fff; background-color: #514A3C; }

.widget form input.checkbox:active, .widget form input.editor_button:active, .WidgetShoutBoxChat form input[type="submit"]:active, input[type="submit"]:active, input[type="button"]:active {	border-style: inset; }

--Cizagna (Talk) 19:41, 24 June 2008 (UTC)