CSS Input type 選擇器(selector)

我們知道在寫網頁時有關文字方塊,選單,多重選單,選取方塊這些樣式是 

<input type="text" > 

<input type="password" >   

or <input type="checkbox" >  

那有沒有一種寫法可以針對所有的input type分別來做樣式的設計呢?  

有的,那就是 

input[type="text"] ,  input[type="password"]  or input[type="checkbox"]

範例:

1. <style type="text/css" media="screen">
2. input[type="text"] {background-color:#000000;}
3. </style>

加上上面這段css再套用在您網頁中的

1. <p>
2.    <input type="text" />
3.    <input type="password" />
4.    <input type="checkbox" />
5. </p>

就可以了。

總結:
1. input[type='text'] or input[type=text] 這兩種寫法也OK.
2. 具有type屬性的input元素皆適用此規則
3. Windows IE 6以下不對應，IE 7以上對應