Re: Diferents styles for each input type

It's called attribute selectors.

http://www.w3.org/TR/REC-CSS2/selector.html#q1

For text type, you'll want:
input[type="text"] { border: 1px solid gray; }

For submit, you'll want:
input[type="submit"] { ... }

And so on.


----- Original Message -----
From: ( Adinet ) Alejandro Michelin Salomon <alejmsg@adinet.com.uy>
Date: Mon, 14 Jun 2004 14:54:01 -0300
Subject: Diferents styles for each input type
To: www-style@w3.org









How i can 
applay diferents style to each input type, that apply to all de 
site ?

 

Ex:?

This are 
applay to all pages in the site.

 

Generic 
input style, applay to all input in the site.

input { margin: 0px; padding: 0 px; }

 

 

style for 
text type, applay only for text type.

 

{ border: 1px solid gray; }

 

Is valid this style : input.text { border: 
1px solid gray; }

 



style 
for submit type, applay only for submit type.

 

{ cursor: hand; background-color: 
transparent;

  backgroud-position : center; 
  
background-image : url(../images/submit.gif); }

 



Is valid this style : input.sumit { cursor: 
hand; background-color: transparent;

  backgroud-position : center; 
  
background-image : url(../images/submit.gif); }

 

Alejandro 
M.S.

Received on Monday, 14 June 2004 14:33:57 UTC