Jquery Colorbox Dotted Lines＆amp;关闭按钮

Question

我正在使用JQuery Colorbox在页面打开时加载并且它工作正常，除了框周围有一条虚线，并且关闭按钮（圆圈）似乎位于斜面框的顶部：

为什么会这样做以及如何预防？

此外，我还希望在点击框外的任何位置时阻止框关闭。我怎么能这样做？

Answer 1

你还没有提供你的html所以我会假设你的标签可能会从其他样式规则继承样式？

如果没有，那么您可以检查它并查看浮雕效果样式的来源并自行将其删除。

要在框外单击，您可以找到背景填充div并在其click函数中添加jQuery preventDefault（），或者您只需编辑插件的JS。

Answer 2

关闭按钮是一个按钮元素，看起来它继承了默认的按钮边框样式，因为在CSS中没有为它设置边框样式。

你可能正在使用旧版本的Colorbox CSS和更新版本的脚本文件，现在使用按钮元素进行控制。您可以通过使用Colorbox的当前css文件或进入CSS并删除该按钮元素的默认边框样式来解决此问题。例如：

#cboxClose { border: 0; }