仅针对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
 }