Define Chrome IE Tab Specific Style Sheets

Question

I need to define specific style-sheets, only for chrome IE Tabs. Is there a way around?

Answer 1

You could use media query to make specific css styles in different browsers. You could check my simple sample below:

/* IE10+ specific styles go here */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  div {
    background-color: aqua;
  }
}


/* Chrome 29+ specific styles go here */

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  div {
    background-color: red;
  }
}

<div style="width:200px; height:200px"></div>

The div will have different colors in IE and Chrome. For more detailed information, you could refer to this thread and this thread.