css - 有没有特定的方法可以在 css 中定位 safari 浏览器

Question

我正在尝试提供一个 safari 浏览器:

.selected1 :hover {border-width: 3px;}

和其他浏览器:

.selected1 :hover {border-width: 2px;}

我阅读了很多如何定位 safari 浏览器的方法，但我的 chrome 浏览器也遵循这些方法。我没有找到只针对 safari 浏览器的方法。希望你们给我一个!

感谢

Answer 1

无法直接在 CSS 中执行此操作。您可以使用 JavaScript 检测 Safari，例如使用以下代码:

if (!!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)) {
    document.getElementsByTagName('html')[0].className += 'is-safari';
}

然后你可以在你的 CSS 中做这样的事情:

html.is-safari .selected1 :hover {border-width: 3px;}

但是，我的建议是避免这种情况。检测用户代理字符串通常不是一个好主意。