我正在做一个项目，我必须给予一些样式的选择框（下拉列表）....这个页面将工作几乎每一个设备（响应式网页设计），我必须给样式的选择框像这样
在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>
2条答案
按热度按时间2ic8powd1#
我确实有一些回忆，也许以前见过这样的菜单，但至少我找不到它。
但是这些可以很容易地更改为您想要的：
http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/-尤其是这个。
http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/
jv2fixgn2#
我不认为仅仅使用CSS就可以改变桌面上大多数A级浏览器的选择框的默认样式，但我可能错了。你必须使用JavaScript和CSS来得到你想要的。我相信有一些jQuery插件可以帮助你。这里有一些我发现的，我从来没有测试过，但希望它们能提供一些指导。
http://www.bulgaria-web-developers.com/projects/javascript/selectbox/（已存档）
http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/（已存档）