jQuery Colorbox虛線和關閉按鈕

Question

我正在使用JQuery Colorbox在頁面打開時進行加載，並且工作正常，除了該框周圍有一條虛線，而且關閉按鈕（圓圈）似乎位於斜面框的頂部：

任何想法為什么會這樣以及如何預防呢？

我也想防止單擊框外任何地方時關閉框。 我怎樣才能做到這一點？

Answer 1

您尚未提供html，所以我假設您的標記可能正在從另一個樣式規則繼承樣式？

如果不是，那么您可以檢查一下，看看浮雕效果樣式來自何處，然后自己將其刪除。

對於在框外單擊，您可以找到背景填充div並在其click函數中添加jQuery preventDefault（），也可以僅編輯插件的JS。

Answer 2

關閉按鈕是一個按鈕元素，它看起來像繼承了默認的按鈕邊框樣式，因為在CSS中沒有為其設置邊框樣式。

您可能正在使用舊版本的Colorbox CSS和更新版本的腳本文件，該腳本文件現在將按鈕元素用於控件。 您可以通過使用Colorbox當前的CSS文件或進入CSS並刪除該按鈕元素的默認邊框樣式來解決此問題。 例：

#cboxClose { border: 0; }