html - 在一个 CSS 类中组合不同的用户代理属性

Question

当用户在文本框中输入错误时，我想将轮廓颜色放入文本框中。问题是 IE8 不支持该outline属性（至少我测试没有成功）所以我border改用：

但我想border用于 IE8 和outline支持它的浏览器。

.myclass
{
  border: ; // IE8 should use this
  outline: ; // Browser that support it must ignore the above one and get this.
}

我用 IE8 和 Chrome 进行了测试，这两个属性都在 Chrome 中应用，在 IE8 中只有边框。

例子：

.myclass
{
  border: 1px solid red;
  outline:#00FF00 dotted thick;
}

谢谢你。

score 0 · Accepted Answer

谁说 IE8 不支持outline属性？

尽管如此，如果您想要 IE 和其他浏览器的不同样式，请使用 IE 特定样式表，使用 IE 特定 cstylesheet 注释

<!-- This will be ignored by all browsers but IE -->

<!--[if IE]>
    <link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->

或针对任何特定的 IE 版本

<!--[if IE 8]>
    <link rel="stylesheet" type="text/css" href="ie7.css">
<![endif]-->

或者在你的页面中使用这个

<!--[if IE 8]>
    <style>
      /* Styles goes here */
    </style>
<![endif]-->

1 回答 1