Fancybox 移除添加的样式答案

【问题标题】：Fancybox remove added stylesFancybox 移除添加的样式
【发布时间】：2012-06-28 20:20:56
【问题描述】：

我在一个网站上使用 Fancybox 2，并注意到当我检查元素时，一些 div 有一个带有一些 CSS 的“样式”属性。

所有这些我都可以在我的styles.css 中完成，所以我想知道如何删除这些添加的“样式”属性，或者至少删除诸如填充和顶部/左侧定位之类的东西。

【问题讨论】：

直接编辑 Fancybox 2 以移除样式？
理论上你不会删除它们。你会覆盖它们。但是，我们需要查看代码以提供进一步的帮助。
我认为你可以做到这一点$('.theElement').css('the-declaration','');
参见 Fancybox 文档。您可以设置/配置填充、边距等属性：fancyapps.com/fancybox/#docs
好的，所以使用 padding : 0 很简单，但是 Fancybox 中没有用于更改“左”位置的选项。所以我尝试使用： $('.fancybox-wrap, .fancybox-desktop, .fancybox-type-inline, .fancybox-opened').css('left', 0);那没有用。有什么建议吗？

标签： jquery styles fancybox

【解决方案1】：

我更新说，在尝试了一切之后，似乎根本没有办法删除 Fancybox 添加的内联样式。我接受这是正确的答案，即使它真的不是一个很好的答案。如果有人确实找到了解决方案，我很乐意听到。

【讨论】：

【解决方案2】：

我通过添加以下代码来做到这一点： $("#div_for_overlay").css({'width': '800px', 'height': '400px'});

并在 fancibox.js 文件中设置 padding:0 而不是 padding:15px

这移除了 fancybox-overlay 的内联样式

要删除 fancybox-inner 和 fancybox-outer div 的相同内容，只需执行相同操作即可。看看你是否可以像这样使用一些 jquery 代码进行编辑 $(".fancybox_outer").css({'width': '800px', 'height': '400px'});

如果没有，请在 fancybox.js 文件中找到它的设置位置并进行内联编辑。应该可以的。

【讨论】：

【解决方案3】：

您可以使用 Jquery .CSS() 将填充设置为 0，或使用 .removeAttr() 删除所有样式，您可以添加自己的类。

【讨论】：