什麼是等效於CSS中與選擇列表打交道時,以下?
input[type="text"]
input[type="submit"]
什麼是等效於CSS中與選擇列表打交道時,以下?
input[type="text"]
input[type="submit"]
的input[type="text"]
CSS選擇器可以被分解成;
input
;找到所有元素是input
元素。[type="text"]
;過濾那些具有text
屬性type
屬性的元素。因爲一個選擇框是一個<select>
元素,而不是一個<input type="select" />
,你可以按如下方式使用select
選擇;
select {
/* blah blah blah*/
}
選擇是不是一個類型像那些在你的榜樣輸入的,所以當您定位select
select {
border:1px solid green;
}
select option {
font-weight:bold;
}
作爲法布里奇奧 - Calderan說,你不能使用屬性選擇,選擇不具有類型屬性。但是,您可以使用數據屬性,並根據這種風格的元素
在這裏看到:
Select elements by data attribute in CSS
爲什麼不使用類的風格呢?
僞代碼:
<select>
<option class="wise">
<option class="not-so-wise">
<option class="meh">
</select>
讓我們從頭開始。你如何生成你的HTML?你不是用手寫的,是嗎? – 2012-03-28 09:30:39
不,這是AJAX生成的。我正在嘗試使用各種方法將泛型樣式應用於多種表單。 – Nick 2012-03-28 09:33:27
這些輸入必須有一些父母也可以用作參考 – 2012-03-28 09:40:14