Javascript 为Chrome动态创建css选择器

我在Chrome和Safari之间有一些像素上的差异，我还没有找到一种合适的方法来使用css为它们中的每一个提供不同的样式

我已经能够用javascript修复它，但是在加载页面和应用页面之前会有延迟，因此用户会看到移动

function chromeStyle() {
if (window.chrome) {
var a = document.getElementById("id");
if (a) {
a.style.marginLeft = 5px;
}
}
}

我知道可以将以下代码放在html文档的头部，然后在样式表中使用“.JS.mystyle{}”来应用启用了javascript的样式

<script type="text/javascript">
document.documentElement.className = 'JS';
</script>

并在样式表中将其作为“.chrome.mystyle{}”应用

---

谢谢。

我不知道这是否比使用JS更容易。

---

但是，当我需要覆盖特定浏览器的某些样式时，我只需为浏览器服务器端创建一个检查，然后包括一个覆盖基本样式的额外样式表。

web永远不会是像素精确的。处理它。是的，用户可以使用特定于浏览器的类，不幸的是，这很常见。我建议在尝试用JS修复CSS之前，先询问一下您的实际CSS问题。

if (window.chrome) {
create a selector for chrome here
}