更改datepicker插件中next和prev按钮的位置(Changing the position of next and prev buttons in datepicker plugin)

更改datepicker插件中next和prev按钮的位置(Changing the position of next and prev buttons in datepicker plugin)

我已经改变了下一个按钮的图像：

.ui-datepicker .ui-datepicker-next .ui-icon { background: url(next.png); width: 50px; height: 50px; }

如您所见，新图像尺寸为50x50，旧图像尺寸为16x16。 现在我不知道如何正确定位新图像，因为现在它看起来像这样 - jsfiddle 。

I've changed the image of next button with:

.ui-datepicker .ui-datepicker-next .ui-icon { background: url(next.png); width: 50px; height: 50px; }

As you see the new image size is 50x50, and the old one was 16x16. Now I don't know how to position the new image correctly, since right now it looks like this - jsfiddle.

最满意答案

您可以在自己的css文件中修改或覆盖： .ui-datepicker .ui-datepicker-prev span和.ui-datepicker .ui-datepicker-next span 。

这样的事情应该做的工作：

left: 0; margin-left: 0; top: 0; margin-top: 0;

You can modify or override in you own css file: .ui-datepicker .ui-datepicker-prev span and .ui-datepicker .ui-datepicker-next span.

something like this should do the job:

left: 0; margin-left: 0; top: 0; margin-top: 0;