css - 如何在 IE 8 及以下版本中删除选择元素周围的黑色边框效果？

Question

我一直在寻找一个小时来了解如何在 IE 8 及以下版本中删除选择元素的顶部和左侧周围的黑色边框/阴影。我遇到的一切都不起作用。

我正在使用 normalize.css 并在选择元素的错误状态周围设置一个 1 像素的纯红色边框。

有人能告诉我如何去除顶部和左侧的黑色吗？我已经尝试了各种各样的东西，包括过滤器属性、绝对定位和其他一些东西，但没有任何效果。

这是我所指内容的放大屏幕截图：

Answer 1

尝试在您的 CSS 中设置以下内容：

select {
  outline: 0 !important;
}

然而，为 select 元素设置样式是出了名的不靠谱的尝试。选择很像文件输入，因为浏览器不遵守应用于它们的样式规则。

如果您想更深入地了解如何解决这些问题，我强烈建议您查看上一篇文章。