样式选择元素(箭头,下拉菜单,选项)与jquery?

时间:2012-03-06 19:01:15

标签: jquery

我想这不是一个非常具体的编程问题。

但是你试过选择元素吗?

我已经读过它是特定于操作系统的功能,因此没有使用简单css的jquery就无法设置样式。

  • 所以我想知道是否有人试图想出一个简单的(短) 将select重写为<ul><li>

  • 的脚本
  • 有什么缺点? vs clean select?

  • 是否可以将款式下拉部分?我在网上看到的实现大多是半个样式 - 只有箭头部分。

谢谢。

3 个答案:

答案 0 :(得分:0)

下拉框由操作系统呈现;你不能完全打造它。您需要将select替换为假冒。

这不一定是最好的插件,但它有效: http://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/

答案 1 :(得分:0)

通常,不建议直接设置表单元素的样式。除了较旧的IE之外,它也不会对你有太多好处。传统上,表单元素作为操作系统具有连贯的样式,以提供一致的UI体验,因此它们不是为了设计风格而设计的。如果您愿意,还有其他选择:

对于select元素,有一个很棒的插件叫chosen

还有各种各样的框架,例如来自Twitter的bootstrap

答案 2 :(得分:0)

原生HTML选择控件提供非常有限的样式。当然,您无法使用本机HTML控件在下拉列表中设置箭头样式或提供丰富内容。

您可以使用诸如dojo filteringselect(使用ul,li等)或其中一个jquery插件之类的小部件

http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/tests/form/_autoComplete.html?testWidget=dijit.form.FilteringSelect (参见该页面中的“富文本”示例)

如果这些对你的需求太重,你总是可以通过学习这些小部件中使用的技术来编写自己的JS和CSS。请注意,对于ARIA可访问性,i18N和浏览器兼容性,除非您有严格的性能要求,否则使用现有的热门小部件通常是个好主意