如何隐藏HTML <select>元素的下拉箭头的边框和背景颜色？

我发现在Mozilla主页的中心，有一个<select>元素（下拉列表），其箭头没有边框和背景颜色。 在脸书注册页面上 ，下拉箭头的窗口标准边框和背景颜色。 我想知道是什么使这种差异？ 我试图在CSS中将border设置为none ，但是它只隐藏整个<select>元素的边框，箭头仍然有边框。 我在Windows上使用Firefox 4。

看附件截图。 上半部分显示Facebook上的下拉列表，下半部分显示Mozilla上的下拉列表。

selenium独立2.45.0; 脚本崩溃Firefox 38.0.1

如何将Firefox添加到Amazon Web Service上的Linux实例的系统PATH？

为什么seleniumwebdriver火狐浏览器不为无特权用户工作？

反对Fuckip IP匿名的FireFox插件

定制firefox console.log（为我自己的原型）

为什么Firefox继续谈判kerberos服务票？

如何将CSS样式表应用于XULRunner中的所有页面视图

如何用c ++安装浏览器的扩展？

编写一个自定义的协议处理程序，可移植到在Firefox上运行的Firefox，Chrome和IE

为什么我的网站图标不显示？

当select元素的border css属性没有被覆盖的时候，它会尽可能呈现为原生的（mozilla的情况）。 另一方面，当边框属性被指定时，浏览器尝试渲染带有边框的select并牺牲它的一些本地外观（Facebook的案例）。

或者，也许，它会尝试呈现没有边框的本地组合框，然后在其周围绘制边框。 无论如何，当指定边框时，组合框需要以不同的方式以窗口方式或浏览器方式绘制。

而FYI，我有win7的经典主题和Mozilla的select按钮看起来像任何其他经典的Windows按钮：灰色和3D：

你看到的不是一个select，而是一个输入字段，在其旁边有另一个类型为image的输入字段。 图像输入用作表单的提交按钮。 他们的html如下所示：

<input id="q" type="search" placeholder="Search" name="q"> <input id="quick-search-btn" type="image" alt="Search" src="/images/template/search-submit.png">

顺便说一下，如果你正在运行Firefox，我会建议获得萤火虫附加。 然后你可以右键点击任何元素并检查它。