javascript - JS 将内联 css 添加到 html

我在这里遇到了一些问题:

我在结果页面中有一个带有一些可选过滤器的隐藏 div。

<div id='b-filters' class='row'>...</div>

最初它是用display: none;隐藏的，当点击一个链接时它会显示一些按钮并选择组合。

问题出在这里:

当 div 出现时，一些 JS，我不知道如何找出哪个；添加一些内联 css:

<div id='b-filters' class='row' style='overflow: hidden; display: block;'>...</div>

所以不可能看到组合选项。使用 Chrome 调试器，我将 overflow: hidden 更改为 overflow: visible 并且它可以正常工作。

我试过:

在我的外部 css 文件 (app.css)

#b-filters{
  ...
  overflow: visible;
  ...
}

但不起作用，并且在同一个 html 文件中:

<head>
...
  <style>
    div#b-filters{
      overflow: visible;
    }
  </style>
</head>
...

但是 Chrome 检查器总是显示 overflow: visible; cross out.

有什么想法吗？谢谢。

编辑

我接受了@Stephen Thomas 的回答，但我希望有人能帮助我找出是哪个 JS 添加了内联 css。

最佳答案

在没有看到实际的 JavaScript 的情况下，我能提供的唯一建议是

div#b-filters{
  overflow: visible !important;
}

但如果您向我们展示您的代码，可能会有更优雅的方式。

关于javascript - JS 将内联 css 添加到 html，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31527012/