Datepicker导航图标问题

Question

在我发布此处之前，我搜索了其他答案，并确保图像文件夹位于cc文件夹中，等等。 我仍然有一个问题，在我的日期选择器上，左箭头和右箭头没有显示，而是向上箭头显示两者！

当我在firefox上的web开发人员中查看我的页面时，在检查器选项卡中，当我查看左箭头时，我看到正在选择正确的图标文件，如下所示 -

element {
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-widget-header .ui-icon {
    background-image: url('images/ui-icons_222222_256x240.png');
}

我的css声明是 -

 <link rel="stylesheet" href="css/jquery-ui-1.10.3.css" />
 <link rel="stylesheet" href="css/jquery.mobile.structure-1.3.2.css" />
 <link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" />

我还能错过什么？

感谢。

P.S。

在阅读了Kamlesh的回答后，我意识到我没有提供所有信息。所以我捕获了一个显示日期选择器的Inspector屏幕截图。

这就是日期选择器的样子 -

点击它时 -

再次感谢。

Answer 1

试试这个 .ui-widget-header .ui-icon { background-image: url('../images/ui-icons_222222_256x240.png'); }

另外请确保图像文件夹中有图标。

Answer 2

您必须为相应的图标指定background-position。如果没有背景位置，它将始终显示相同的默认图标。这是一个包含所有图标的图像精灵。因此，为了使用它，您应该提供该图标的背景位置

请参阅此链接：http://www.petefreitag.com/cheatsheets/jqueryui-icons/

请注意他们如何将background-position用于不同的图标。

Answer 3

我很认真。

在让网站运行的疯狂中，我完全搞砸了，并且忘记了箭头是按钮图标的事实！ 因此，乱搞的图标是arrow-l和arrow-r，因为找不到jquery.mobile-1.3.2.css。

荡！

谢谢你们，对不起，我浪费了你们的时间......