定义特定于 Chrome IE 选项卡的样式表

Question

我需要定义特定的样式表，仅适用于chrome IE选项卡。有没有办法？

Answer 1

您可以使用媒体查询在不同的浏览器中创建特定的 css 样式。您可以在下面查看我的简单示例：

/* 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>

div在IE和Chrome中将具有不同的颜色。有关更多详细信息，您可以参考此线程和此线程。