Javascript 根据浏览器更改类中的元素

我想要的是检测用户是否在使用chrome，然后将该类的边距底部更改为其他内容

这是分区：

<div id="titleAreaBox" class="ms-noList ms-table">

因此，我希望能够更改这个类的边距底部：-31px元素，如果浏览器是chrome…这在javascript中可能吗

var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') >= 0;
if(isChrome) document.getElementById('titleAreaBox').style.marginBottom = '-31px';

没有经过测试，但它应该可以工作。

我会对此进行研究

---

这是一段很长的代码，但它似乎涵盖了所有浏览器，您可以直接复制和粘贴它。

jQuery可以接受吗？是的，我也可以使用jQuery。想要只在Chrome上更改边距的原因是什么？浏览器特定的检测通常是不受欢迎的。@CallumHolden我认为ajp15243试图说的是，如果它在所有浏览器中都不起作用，那么您的CSS可能有问题，除非您试图做一些非常详细的事情。@crush是的，非常：）。如果导航栏在Chrome中看起来不正确，那么标记/CSS可能会做得更好。你应该用标记和CSS（也许还有一个或同等的）提出一个问题，问为什么它在Chrome中看起来与你测试过的其他浏览器不同（指定哪些浏览器！）。没有否决，但是，我可以很好地想象一个声称“基于Chrome”的浏览器。这并不是说以前从未发生过。检测部分正在工作……但它只是没有改变元素的样式。是的，它正在工作，对您来说似乎不是这样，因为您的类已经将margin bottom设置为-31px。查看并尝试使用

注释/取消注释该行。如果（isChrome）…

，您会看到它工作正常！

var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') >= 0;
if(isChrome) document.getElementById('titleAreaBox').style.marginBottom = '-31px';