javascript - 删除 Zurb Foundation 内联样式

Question

我实际上正在我的网站上工作并尝试实现一个模式。由于我使用的是 Foundation，我希望我能够使用包含的“显示”插件，这样我就不必构建这个东西了……因为我对 JS 了解不多。

实现很简单，直到我查看移动 View 并注意到模式正在全屏显示。希望我想避免。在与 CSS 较量之后，我意识到 Foundation 正在添加一个内联样式:

<div class="reveal" id="noChroma" style="top: 0px;">

注意可能从“foundation.js”添加的“top:0px”。我不想弄乱这个文件。

有没有一种方法可以绕过这种风格并强制使用我的风格，例如“top:70vh”？我试过“!重要”，但 javascript 总是赢。

You can see it here

谢谢你的帮助，最好的，

昆汀

Answer 1

If you trigger the modal on a browser and resize, it seems to be working. But if you trigger the modal while already at mobile size, then the JS overwrites the !important. – Quentin Beau Kwint

我无法重现此行为。 (截图)

!important CSS 在这里胜出。即使我重新加载网站并再次触发。