Question

是否可以为ui-paginator元素设置指定的颜色？

在我的CSS应用程序中，我有：

.ui-icon {
background-image: url("img/ui-icons_ffffff.png") !important;}

它有效。

我尝试添加：

.ui-paginator-next {
background-image: url("../img/ui-icons_000000.png") !important;
}

.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
background-image: url("../img/ui-icons_000000.png") !important;
}

因为我想要黑色的分页箭头。它没有用。

Answer 1

如果你的图片路径是正确的，你可以使用这样的东西 - 在IE 10，Firefox和Chrome中测试过。

.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
    background: url("../img/ui-icons_000000.png") no-repeat left top !important;
}

只需保持.ui-icon不变，并删除第二个代码段开头的.ui-paginator-next定义。

为ui-paginator设置背景图像

1 个答案: