fancybox-更改关闭按钮的颜色

fancybox - changing close button color

本文关键字：颜色 关闭按钮 fancybox-      更新时间：2023-09-26

我确实下载了fancybox，我正在尝试更改关闭按钮的颜色。

我确实尝试过，但没有任何结果：

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  color : #ff0033 !important; //color added
}

任何小费都将不胜感激。

这是一个缓存问题。为了解决此问题，请尝试在图像URL中添加?version=2。

用法：

background: transparent url('image.png?version=2') -40px 0px

您可以安装firebug firefox插件，然后右键单击关闭按钮-->Inspect Eliment with firebug。然后你可以找到css名称。

您可以编辑jquery.fancybox.x.x.css

或者您可以将以下代码添加到您的页面css中。

.fancybox-close {
 background: none !important; //This will disappear close button image
 position: absolute !important;
 top: -18px !important;
 right: -18px !important;
 width: 36px !important;
 height: 36px !important;
 cursor: pointer !important;
 z-index: 8040 !important;
 color : #ff0033 !important; //color added
}

如前所述，fancybox默认使用图像。这个'http://fancybox.net/js/fancybox-1.3.4/fancy_close.png'

您可以在文件jquery-fancybox-x.x.x.css中找到它（其中x是版本），并且元素被命名为#fancyboxclose

相关文章：