在 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;}

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

Are there specific ways to target a safari browser in css