如何使用HTML和css的select标签在桌面浏览器中制作ipad之类的下拉列表,是否可能？

Question

我正在开发一个项目,我必须为选择框(下拉列表)提供一些样式....这个页面几乎可以在每个设备上工作(响应式网页设计)我必须给这样的选择框提供样式

在ipad中它的工作但是对于桌面版,如何才能使用css为选择框实现相同的风格？即时通讯使用HTML选择标签<select> ......</select>.

我想使用这个标记

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Answer 1

我认为对于桌面上的大多数 A 级浏览器来说，仅使用 CSS 来更改选择框的默认样式是不可能的，但我可能是错的。您将必须使用 JavaScript 和 CSS 来获得您想要的东西。我确信有一些 jQuery 插件可以帮助您。以下是我发现的一些，我从未测试过这些，但希望它们能提供一些指导。

http://www.bulgaria-web-developers.com/projects/javascript/selectbox/（已存档）

http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/（已存档）