如何制作漂亮的选择列表？

Question

我有标准选择列表 - https://imgur.com/3UaO0

我需要让它美丽

使用Bootstrap框架进行精美选择。

这是html：

.field select{
    width:300px;
    font-size: 14px;
    border: 1px solid rgba(98,141, 40, 0.5);
    border-radius:5px;
    -moz-box-shadow: inset 0 0 1px 1px rgba(98,141, 40, 0.2);
    -webkit-box-shadow: inset 0 0 1px 1px rgba(98,141, 40, 0.2);
    box-shadow: inset 0 0 1px 1px rgba(98,141, 40, 0.2);  
}

Box-shadow没有添加，我想要选择选项列表的样式。

我如何改变箭头？

我怎样才能让它看起来不错？我应该使用CSS还是jQuery？

Answer 1

为什么不使用http://harvesthq.github.com/chosen/而只是改变你的css以适合你

Answer 2

你可以使用很多jQuery插件，只需谷歌“select plugin jquery”。

我最喜欢的一个。是DropKick。