自定义选择下拉列表

Question

在选择/选项下拉菜单中，只能使用CSS多少？我见过的所有使用某种风格化下拉菜单的东西都是使用JS。

我将不胜感激，如果有人可以张贴链接到一些下拉菜单，只用CSS（没有JS）的网站/例子，看看可能的边缘案例。谢谢。

Answer 1

对于样式select控件，您总是会受到限制，因为它在页面上呈现的方式高度依赖于浏览器软件希望如何显示它。

这与<input type="file" />相似。某些浏览器将其显示为一个文本框，旁边有一个“浏览”按钮，有些浏览器将其显示为只显示旁边显示文件名的浏览按钮。

如果你想要一个样式化的下拉列表，我会建议使用CSS定位div控件等建立其中之一。但是，它可能会需要使用一些JavaScript来获得所需的效果。

这里是一个样式下拉的演示：

http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/

正如你所看到的，他们总是看在不同的浏览器略有不同。

Answer 2

你是对的 - 用CSS设计选择只有si真的有限，结果在各种浏览器中并不总是相同的。
如果您想要在所有浏览器中都能使用的设计具有很好的选择性，那么您唯一的机会就是使用javascript。