javascript - 覆盖 HTML CSS 元素

Question

我最近在我的网站上添加了一个 Photoswipe 画廊，其中应用了以下 CSS：

html {overflow-y:scroll;overflow-x:auto;}

现在的问题是由于此溢出而导致全屏画廊滚动，但它应该紧贴显示它的屏幕，没有滚动。我不想使用 jQuery 删除它，因为我在此页面上遇到了 jQuery 问题。

我试过：

<style type="text/css">
html {}
</style>

没有运气。我还能做些什么来删除它？

score 3 · Accepted Answer

你可以试试这个，例如：

<style type="text/css">
html 
{
overflow-y:auto !important;
overflow-x:auto !important;
}
</style>

score 0 · Accepted Answer

您的 css 代码片段不会将插件的样式归零，它只是声明了一个没有任何样式的新规则，您需要将溢出值显式设置为

<style type="text/css">
    html { 
       overflow-x:auto; 
       overflow-y:auto; 
    }
</style>

只要这段代码出现在问题代码之后，级联应该覆盖第一个样式， !important 不需要（或一个好的做法）。

此外，您可能希望使用不同的溢出值，因为我不确定您的插件是如何工作的。可能的值是可见、隐藏、滚动、自动、继承

2 回答 2