jquery - 如何更改 jQuery colorbox 中的默认标题字体

Question

我正在将这个 jQuery 解决方案集成到一个网站中:

http://www.jacklmoore.com/colorbox/

原代码中每张图片幻灯片的title标签样式继承自body样式。但是在我的解决方案中我不能使用它并且标题以它的默认字体出现 - Times new roman。

是否有一种简单的方法可以通过 CSS 或直接在插件代码中将图像幻灯片的字体系列更改为其他字体？

我已经在插件代码中直接尝试过，但是标题消失了:

$title = $tag(div, "<span style='font:12px/1.2 Verdana, sans-serif;'>Title</span>")

但是，直接在插件代码中更改样式适用于图像计数:

current: "<span style='font:12px/1.2 Verdana, sans-serif;'>Image {current} of {total}</span>",

有什么想法或建议吗？

Answer 1

颜色框标题在一个id为cboxTitle的div元素中，你可以使用css覆盖它的样式，比如:

#cboxTitle {
    font-family: Georgia !important;
    font-weight: bold !important;
}

演示:http://jsfiddle.net/IrvinDominin/U7fmz/