css - 仅适用于 IE10+ 不适用于其他浏览器的 css 样式

Question

我想应用像

这样的 css 样式

 margin-left, height,width 

仅适用于IE浏览器。 我尝试了以下方法，但它也适用于其他浏览器。

    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
      #chart
      {
         margin-top : -105px;
      }
      @media screen and (min-width:0\0)
      {
          #chart
         {
            margin-top : -105px;
         } 
      }

       @media screen/9 and (-ms-high-contrast: none), (-ms-high-contrast: 
       active)
          #chart
         {
            margin-top : -105px;
         }

请帮忙。 谢谢。

Answer 1

我已经测试了下面的代码。试一试

HTML:

<h1>try me </h1>

CSS:

html[data-useragent*='MSIE 10.0'] h1 {
  color: blue;
}

JS:

var b = document.documentElement;
b.setAttribute('data-useragent',  navigator.userAgent);
b.setAttribute('data-platform', navigator.platform );

https://css-tricks.com/ie-10-specific-styles/

IE9 或以上版本:

@media screen and (min-width:0) and (min-resolution: +72dpi) { 
      Your Code
 }