我的花式盒子的上一个和下一个按钮太大了

Question

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

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

但它不起作用。按钮的面积仍然和以前一样大。似乎是花式盒子版本 1。我现在正在使用花式盒子版本 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>