如何使用 CSS 按名称定位 <select> 表单元素？

Question

我有 3 个表单元素

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

这些是生成的，所以无法添加类或 id，我的 css 不执行任何操作

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

Answer 1

演示小提琴

尝试：

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

请参阅MDN 中有关属性选择器的文章

[属性^=值]

表示属性名称为 attr 且其值以“value”为前缀的元素。