我的fancybox的上一个和下一个按钮太大了

Question

我有一个fancybox，里面有下一个和上一个按钮。但是上一个和下一个按钮区域太大，以至于它覆盖了我在fancybox上的文本框。我尝试了here 的一些建议。

#fancybox-left, #fancybox-right {
    width: 0%;
}

但它不起作用。按钮的区域仍然和以前一样大。好像是为fancybox 1 版的。我现在正在使用fancybox 2 版。有什么建议我应该如何为fancybox 2 中的下一个和上一个按钮执行css？

Answer 1

这适用于 Fancybox v1.3

<style type="text/css">
 #fancybox-left,
 #fancybox-right {
  width: 30px; height: 30px; top: 45%
 }

 #fancybox-left:hover span,
 #fancybox-left-ico{
  left: -10px;
 }

 #fancybox-right:hover span,
 #fancybox-right-ico {
  right: -10px;
  left: auto;
 }
</style>