2011-08-09 87 views
0

是否可以在沒有定義id和class的窗體中爲複選框定義css樣式?我知道我可以使用爲複選框定義css

input {css...} 

但我會影響窗體中的所有輸入。

回答

3
input[type="checkbox"]{...} 

還有一些問題與舊的瀏覽器不承認它(IE6爲例),但也有變通辦法來對付它,如果需要這種支持。

2

與此類似,使用屬性選擇:

input[type="checkbox"] { 
    css... 
} 

要知道,IE6不支持這一點。除此之外,browser support is pretty good

+1

nickf絕對正確,但要注意的是,只有css纔會涉及到複選框和單選按鈕時,您只能使用有限的樣式。如果你想完全重新調整它,那麼你將需要使用類似於:http://lipidity.com/fancy-form/ – evasilchenko

1

除了屬性選擇,你可以在一些較新的瀏覽器,使用幾種不同的僞類,例如:

<form> 
    <input type="text" /> 
    <input type="text" /> 
    <input type="text" /> 
</form> 

爲目標的第二個輸入:

input:nth-child(n) {   
    css-property: value; 
} 
+0

哇,有趣! –

+0

個人問題......你真的91?! –