下拉菜单（select）框的样式设计

Question

3

我知道使用jQuery可以制作类似下拉框的东西，这样我就可以使它看起来任何我想要的样子。然而，只使用CSS，我能控制多少呢？

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

唯一让我困扰的是下拉部分。我能控制它吗？（在下拉列表上没有内边距看起来很傻）

- Matthew

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tim Fountain · Accepted Answer

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

至于下拉部分 - 这些是选项标记，而不是选择；因此，要更改它们，您将应用样式到选项标记上：

select {
   border: 1px solid red;
}

option {
   background-color: blue;
}

幸运的是，其他一些人已经进行了一些研究，详细介绍了什么有效，什么无效，所以这里有一些资源供您参考：