Question

我在select元素中设置了border属性。

select {
   border: 1px solid #0f0;
}

IE7不支持选择样式。所以现在我的要求是从所有IE版本（7,8,9 ...）中删除该样式，并将下拉列表作为默认值。但是这个属性适用于IE8以上。有任何css解决方案。

注意：我在html标签中有特定的IE类。我可以在css中使用它吗

.ie select {}

Answer 1

您可以使用以下css hacks指定IE限制功能。希望有人可以帮到你！为所有浏览器提供红色边框，并为IE浏览器设置ne颜色。

/ * IE 11（具体）* /

@media all and (-ms-high-contrast:none) {
  #selector {
    color: #FFFFFF;
  }
}

/ * IE 10（具体）* /

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #selector {
    color: #FFFFFF;
  }
}

/ * IE 9（具体）* /

#selector {
  color: #000000; /* Ingeneral, for all browsers */
  color: #FFFFFF \0/IE9; /* Only for IE 9 */
}

/ * IE 8（具体）* /

@media \0screen {
  #selector {
    color: #FFFFFF;
  }
}

/ * IE 7（特定版及以下版本）* /

#selector {
  *color: #FFFFFF;
}

干杯：）

Answer 2

IE有特定的CSS黑客攻击，你可以试试这些：

<强> CSS

select {
         border: 2px solid #0f0; /* for all browsers */
         border: 2px solid #000; /* IE8 and below */
         *border: 2px solid #000; /* IE7 and below  */
         _border: 2px solid #000; /* IE6 and below  */
}

黑客攻击CSS似乎是一种快速解决方案，可以让你的样式跨浏览器类型工作，但是，你应该真正使用HTML中的条件语句。 e.g。

<!--[if lte IE 9]>
Your IE8 and below HTML code here.
Perhaps importing a specific style sheet.
<![endif]-->

将选择下拉样式设置为默认值

2 个答案: