Установить фоновое изображение для ui-paginator

Возможно ли установить указанный цвет для элемента ui-paginator?Установить фоновое изображение для 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; 
}

, потому что я хотел бы Paginator стрелу с черным цветом. Это не работает.

источник

2015-09-24 Diaboliko

Первое изображение, похоже, находится в другой папке (img), а второй фрагмент кода относится к другому (../images), это правильно? Это поможет, если вы также разместите структуру папок вашей папки ресурсов (соответствующие пути, не нужно публиковать полную структуру проекта). –

Моя ошибка. Теперь я редактирую, что это правильно. Казалось бы, с .ui-icon невозможно использовать другой ui.icon в другом компоненте – Diaboliko

Вы уверены, что «../» должно быть там? Разве у вас не может быть того же, что и для '.ui-icon', то есть начиная с« img/»? –

Если ваш путь к изображениям верен, вы можете использовать что-то вроде этого - протестировано в 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 ваш второй фрагмент кода начинается с.

источник

2015-09-25 09:44:27

Благодарим за отзыв. Есть что-то странное. Файл ui-icons_000000.png находится в моей папке, но если я могу получить этот файл браузером: http: // localhost: 8080/myapp/img/ui-icons_000000.png Я ничего не вижу. Тогда я не получаю никаких ошибок, а только белую страницу. Моя папка img содержит как ui-icons_000000.png, так и ui-icons_ffffff.png. Более того, с вашей настройкой, я вижу обе страницы с белой иконкой. – Diaboliko

Кроме того, я только выяснил, что он работает, если я устанавливаю css для paginator с этим изображением: ui-icons_333333.png, что его нет в моей папке .... Возможно, изображения могут быть зарегистрированы? – Diaboliko

Пожалуйста, обновите вопрос своими недавними выводами, чтобы другие могли его увидеть. Честно говоря, я не уверен, понимаю ли я вашу точку зрения ... –

Установить фоновое изображение для ui-paginator

ответ

Смежные вопросы