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

Question

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

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

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

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>