从使用 CSS 类中排除单个浏览器



我想排除Internet Explorer使用特定的CSS类。这可能吗?

详:

我有一个 css 类,看起来像 -

input[type="radio"]:checked, input[type="radio"]:hover
{
   box-shadow: 0px 0px 10px #90BBD4;
}

由于 Firefox 的最新浏览器更新删除了 -moz-box-shadow 属性,我相信它现在使用默认的 box-shadow 代替,...我的 Firefox 仍然运行良好,但 Internet Explorer 现在识别出它并搞砸了外观。

我该如何排除IE使用此类或以某种方式解决它?

这将设置客户端浏览器正在使用的 IE 版本的类。

<!--[if lt IE 7 ]> <html class="ie6" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en" xml:lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="" lang="en"> <!--<![endif]-->

然后使用 CSS,您可以使用以下内容将其定位到特定的浏览器:

.ie7 #wrapper
  {
     display:none;
  }

当人们觉得有必要让他们的网站在不同的浏览器中看起来不同时(这与互联网应该是什么样子完全相反......),他们使用这个:

<!--[if IE]><html class="ie"><![endif]-->
<!--[if !IE]>--><html><!--<![endif]-->

然后在您的 CSS 中,您可以放置html.ie来制定特定于 IE 的规则。

您可以使用

IE 条件注释并在注释中包含的 css 中设置 css 规则。

例如:

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

或:

<!--[if IE]><style>*ie style rules here*</style><![endif]-->

最新更新