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

Question

这似乎是一个愚蠢的问题，但有没有办法从 Firefox 中的选择框下拉列表中删除底部和右侧的黑线？

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

这是一个基本的 fiddle :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/