css - 如何隐藏HTML 元素下拉箭头的边框和背景色？ 转载 作者：可可西里 更新时间：2023-11-01 10:28:38 25 4 我发现在 Mozilla home page 的中心，有一个 元素(下拉列表)，其箭头没有边框和背景色。在 facebook sign-up page 上，下拉箭头具有windows标准边框和背景色。我想知道是什么造成了这种差异？我试图在 CSS 中将 border 设置为 none，但它只隐藏了整个 元素周围的边框，箭头仍然有边框。我在 Windows 上使用 Firefox 4。 见附件截图。上半部分是Facebook的下拉列表，下半部分是Mozilla的下拉列表。

Answer 1

当 select 元素的 border css 属性未被覆盖时，它会尽可能地呈现为 native (mozilla 的情况)。另一方面，当指定了 border 属性时，浏览器会尝试使用边框呈现 select 并牺牲它的一些原生外观(facebook 的情况)。

或者，它可能会尝试渲染没有边框的原生组合框，然后在其周围绘制边框。无论如何，当指定边框时，组合框需要以不同的方式在窗口或浏览器中绘制。

仅供引用，我有 win7 中的经典主题，mozilla 的 select 按钮看起来像任何其他经典的 windows 按钮:灰色和 3D: