如何在IE7中禁用选择框边框答案

【问题标题】：How to disable select box border in IE7如何在IE7中禁用选择框边框
【发布时间】：2011-06-21 04:58:40
【问题描述】：

我试过了

select
{
border:0;
}

<select>
<otpion value='male'>Male</option>
<otpion value='female'>Female</option>
</select>

它在 IE6、IE7 中不工作

【问题讨论】：

标签： css xhtml

【解决方案1】：

选择{过滤器： progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,颜色=#525252)
progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,颜色=#525252) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,颜色=#525252) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,颜色=#525252); }

【讨论】：

您可能想为 OP 的利益解释您的答案

【解决方案2】：

以下对我有用，在 FF 和 IE9 中：

outline:0;

【讨论】：

【解决方案3】：

据我所知，这在 IE6/7 中是不可能的，因为有问题的元素是由操作系统而不是浏览器控制的。这就是为什么它们在 Windows 中与 Mac 相比看起来不同的原因。有些浏览器允许您使用直接的 CSS 在某种程度上对它们进行样式设置，但绝对不是全部。

但不要害怕，如果您愿意深入研究一些额外的代码，您可以使用 this demo 之类的东西。它使用 jQuery UI，这对许多其他事情也很有帮助。

另一个例子是this here 和this one too，以及流行的jScrollpane。

希望其中的一些帮助。 :)

【讨论】：

【解决方案4】：

选择框，就像大多数表单元素一样，是 IE 中的“原生对象”。意思是，外观和感觉很大程度上取决于操作系统。假设您记得将上面的 CSS 包装在样式标签中，那么如果代码不起作用，则可能无法完成。

【讨论】：

【解决方案5】：

见this question and its answers, here on stackoverflow。

（简短回答：无法完成。不过，可能会有复杂的解决方法。）

【讨论】：