2012-06-01 33 views
0

我有兩套input type=text元素,在CSS中風格不同。對於第一組,長度由CSS width確定。對於第二組,尺寸值被用於確定輸入框的長度:如何根據大小和類型選擇特定的輸入元素?

<input type=text name=name value='Jason Bourne'> /*1st set*/ 
<input type=text name=cardNumber value='4111111111111111' size=19> /*2nd set*/ 

在不引入classid屬性,是有可能分別使用剛CSS selectors樣式兩套?

說明:以上尺寸19僅僅是一個例子。我希望能夠根據大小屬性是否設置來進行選擇,並與類型爲文本的屬性結合使用。

+0

這是可能的,但它使更多的感覺添加一個類比基於'[size =「19」]'選擇。 – thirtydot

+0

@thirtydot:它不一定是'size = 19'。我希望能夠根據是否設置大小來進行選擇。 –

回答

3

這是可能的 - http://jsfiddle.net/geQqG/2/

input[type="text"]{ 
    color: red; 
} 

input[size]{ 
    color: green; 
} 
+0

你可以結合文本和大小?我需要根據組合的屬性進行選擇。謝謝。 –

1

Dipaks答案給了我很多靈感,我試着擺弄這實際上是我所期待的:

input[type="text"] { 
color: blue; 
} 

input[type="text"]:not([size]) { 
width: 200px; 
color: red; 
} 
+0

用你的代碼更新了小提琴 – Dipak

相關問題