有几种方法可以做到这一点。
1.一种方法是使用针对特定浏览器的媒体查询。这是尴尬的工作，我不确定是否有媒体查询的所有浏览器，here you can read more about it
范例：

/* on Chrome version 29 and above */
@media screen and (-webkit-min-device-pixel-ratio:0 and (min-resolution:.001dpcm) {
    .my-class {
        background-color: red;
    }
}

字符串
1.另一种可能性是，你可以通过JS（can read about it here）找到浏览器使用的内容，然后向元素或主体本身添加某种类或属性。然后，您可以根据需要使用它来设置元素的样式
范例：

const isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
if (isChrome) {
    document.body.setAttribute('os', 'chrome');
}

型
然后在你的CSS上

body[os="chrome"] .your-class {
    background-color: blue;
}

型