如何从 colorbox 中删除底部边距空白

Question

我正在使用 colorbox 在网页中间打开一个 window，并且我正在使用 iframe 版本。目前我只是将基本代码开发为一个模型，这样我就可以在多个应用程序中实现它。

我正在尝试清理外观并将其简化为我的应用程序的数学运算，但 window 底部的边距为 28 像素。我已经通过使用隐藏边框和添加边框 class 的技术成功地更新了边距，如下所示：

$("#cboxContent").addClass("blue_border_example");

其中blue_border_example是我想要的样式。

但我没有成功删除 28 像素底部空白。它似乎来自 id="cboxLoadedContent"，因此我尝试在我正在加载的 window 代码中添加以下语句：

$("#cboxLoadedContent").addClass("remove_bottom_margin");

其中 remove_bottom_margin 是样式：

.remove_bottom_margin { margin-bottom: 0px !important;}

我假设可以将此样式添加到正在加载到 iframe 中的程序的文档就绪函数中，但这似乎不起作用。

关于为什么这不起作用以及我应该如何解决它的任何想法？

Answer 1

是否需要通过 jQuery 执行此操作？为什么不直接在 css 中进行呢？所以不需要那 2 jQuery 行。

将此添加到您的 CSS。

#cboxWrapper #cboxLoadedContent,
#cboxWrapper #cboxContent {
   margin-bottom: 0px;
}