如何使用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; 
}