样式下拉（选择）框答案

【问题标题】：styling dropdowns (select) boxes样式下拉（选择）框
【发布时间】：2013-04-25 02:55:55
【问题描述】：

我知道使用 jquery 可以制作看起来像选择框的东西，这样我就可以让它看起来像我想要的那样。但是，只有 css，我有多少控制权？

我使用边框、内边距和宽度，最终结果看起来很棒。

唯一困扰我的是掉下来的部分。对此有任何控制吗？（有填充看起来很愚蠢，而下拉列表中没有填充）。

【问题讨论】：

标签： css

【解决方案1】：

您有一些控制权，但浏览器和操作系统之间存在相当多的差异。例如，Windows 上的 Internet Explorer 将始终显示标准的灰色向下箭头，即使您可以在其他浏览器中重新着色。

至于下拉的部分——这些是选项标签，不是选择；因此，要更改它们，您将改为将样式应用于选项标签：

select {
   border: 1px solid red;
}

option {
   background-color: blue;
}

幸运的是，其他人已经做了一些研究，详细说明了哪些有效，哪些无效，所以这里有一些资源供您参考：

【讨论】：