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

时间:2015-06-09 16:18:24

标签: html css firefox

这似乎是一个愚蠢的问题,但是有没有办法从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中打开以查看黑色右下角线。

由于

1 个答案:

答案 0 :(得分:0)

非常确定你不能设置下拉框本身的样式,只输入输入字段。该框由操作系统呈现,因此控制选择的唯一方法是使用插件。

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

文档:

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