jquery - Fancybox 移除添加的样式

Question

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

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

Answer 1

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

Answer 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 文件中找到它的设置位置并进行内联编辑。那应该行得通。

Answer 3

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