forms

A

Anonymous

Guest
Hi... not a lot of topics here... ;)

I have a question... I've got a page with a lot of forms on, and I'd like to be able to decide the colors of the buttons and forms in a css file so they match the design... how do I do this?

thanks
 
From My site:
Code: 
BODY {
	background-color : Black;
	color : #FDF5E6;
	font-family : Arial, Tahoma, Helvetica, sans-serif;
	}

A:LINK, A:VISITED {
	color : #87CEEB;
	text-decoration : none;
	font-size : 12px;
}

A:HOVER {
	color : #00FA9A;
	text-decoration : none;
	font-size : 12px;
}

.buttonDr {
	background : #3A241D;
	color : #FFF587;
	font-size : 9px;
	border-color : #D57E03 #D57E03 #D57E03 #D57E03;
	border-style : solid;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	}
	
input {
	background : #3A241D;
	color : #FFF587;
	font-size : 9px;
	border-color : #D57E03 #D57E03 #D57E03 #D57E03;
	border-style : solid;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-right-width : 1px;
	border-top-width : 1px;
	}
 
That's it :)
then just link it from the html <head> tag :
Code: 
<link href="my_styles.css" rel="stylesheet" rev="stylesheet" type="text/css">
And call each stile from tags:
Code: 
<input type="submit" name="my_submit" value="search!" class="buttonDr">
 
You must log in or register to reply here.
Back
Top