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

Question

我试过这个

select
{
border:0;
}

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

它无法在IE6中运行，IE7

Answer 1

请参阅this question and its answers, here on stackoverflow。

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

Answer 2

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

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

另一个例子是this here和this one too，以及受欢迎的jScrollpane。

希望其中一些有帮助。 ：）

Answer 3

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

outline:0;

Answer 4

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

Answer 5

  

选择{过滤器：   的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）; }