如何使用CSS將名稱與<select>表單元素相匹配？

Question

我有3個表單元素

<select name="closing_date[]"></select> 

這些生成所以不能添加一個類或ID，我的CSS什麼也不做

select[name=closing_date] { 
    width: 33% !important; 
    background: red; 
} 

Answer 1

Demo Fiddle

嘗試：

select[name^=closing_date] { 
    width: 33% !important; 
    background: red; 
} 

見this article from MDN on attribute selectors

[ATTR^=值]

表示具有的ATTR屬性名和 ，其值由 「值」 爲前綴的元素。

Answer 2

應該

select[name="closing_date[]"] { 
    width: 33% !important; 
    background: red; 
} 

DEMO here.

Answer 3

這也是工作：

HTML

<select name="closing_date[]"></select> 
<select name="closing_date[]"></select> 
<select name="closing_date[]"></select> 

CSS

select[name='closing_date[]'] { 
    width: 33% !important; 
    background: red; 
}