更好看的Web App选择框

Question

对于我正在处理的Web应用程序，我正在寻找一个类似于（或实现）一个选择框的小部件，它比基本的HTML选择框更加用户友好且可自定义。我不想从头开始构建这样的东西，所以我想知道是否有人知道我可以使用的这种类型的开源小部件。

一个更加用户友好的选择框的示例，我不会在想这个链接上的计算器：

http://www.teslamotors.com/charging#/calculator

不必与此相同，但具有更多自定义空间和更好看的UI。

Answer 1

您可以找到许多有关自定义select代码的插件和教程。

这些是插件：

• http://silviomoreto.github.io/bootstrap-select/
• http://ivaynberg.github.io/select2/
• http://brianreavis.github.io/selectize.js/#demos
• http://shawnchin.github.io/jquery-gentleSelect/
• http://vst.mn/selectordie/

对于您展示的那种select标记，您应该创建自己的风格。

以下是有关创建自定义select代码的好教程：

• http://tympanus.net/codrops/2012/10/04/custom-drop-down-list-styling/
• http://tympanus.net/codrops/2012/11/29/simple-effects-for-drop-down-lists/