2012-03-28 54 views
5

可能重複:
CSS Select SelectorCSS樣式輸入[類型= 「??」 對於選擇列表

什麼是等效於CSS中與選擇列表打交道時,以下?

input[type="text"] 
input[type="submit"] 
+0

讓我們從頭開始。你如何生成你的HTML?你不是用手寫的,是嗎? – 2012-03-28 09:30:39

+0

不,這是AJAX生成的。我正在嘗試使用各種方法將泛型樣式應用於多種表單。 – Nick 2012-03-28 09:33:27

+0

這些輸入必須有一些父母也可以用作參考 – 2012-03-28 09:40:14

回答

21

input[type="text"] CSS選擇器可以被分解成;

  1. input;找到所有元素是input元素。
  2. [type="text"];過濾那些具有text屬性type屬性的元素。

因爲一個選擇框是一個<select>元素,而不是一個<input type="select" />,你可以按如下方式使用select選擇;

select { 
    /* blah blah blah*/ 
} 
-4

select

+3

這並非不準確,但一個單詞的答案遠不如一個好的答案。 – 2012-03-29 00:40:51

+0

一個單詞的答案不好 – salah9 2016-08-09 01:24:58

+0

CSS select或HTML? @ niet-the-dark-absol,更具描述性! :-) – MAbraham1 2017-09-05 14:37:15

4

選擇是不是一個類型像那些在你的榜樣輸入的,所以當您定位select

1
select { 
    border:1px solid green; 
} 

    select option { 
    font-weight:bold; 
    } 
2

作爲法布里奇奧 - Calderan說,你不能使用屬性選擇,選擇不具有類型屬性。但是,您可以使用數據屬性,並根據這種風格的元素

在這裏看到: Select elements by data attribute in CSS

爲什麼不使用類的風格呢?

僞代碼:

<select> 
    <option class="wise"> 
    <option class="not-so-wise"> 
    <option class="meh"> 
</select>