从Firefox选择框的底部和右侧删除黑线

Question

这似乎是一个愚蠢的问题，但是有没有一种方法可以从Firefox的选择框的下拉框中删除底部和右侧的黑线?

例如

:http://postimg.org/image/6sqgo7xul/

这是一个基本的小提琴:http://jsfiddle.net/FtVGg/33/

<div class="styled-select">
<select id="select">
<option value="0">Option one</option>
<option value="1">Another option</option>
<option value="2">Select this</option>
<option value="3">Something good</option>
<option value="4">Something bad</option>

请在Firefox中打开以看到右下角的黑色线条。

谢谢

Answer 1

很确定你不能给下拉框设置样式，只能给输入框设置样式。这个框是由操作系统呈现的，所以控制选择的唯一方法是使用插件。

我建议使用Chosen.js，让它在所有浏览器中看起来都一样。

文档:http://harvesthq.github.io/chosen/