是否有特定的方法来定位css中的safari浏览器

Question

我正在尝试使用Safari浏览器：

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

和其他浏览器：

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

我读了很多方法，你可以如何定位一个Safari浏览器，但我的Chrome浏览器也是如此。我没有找到一种只针对Safari浏览器的方法。希望你们有一个给我！

日Thnx

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

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