Менять стрелку в выпадающем меню?

0

Вы можете просмотреть пример страницы, с которой у меня возникла проблема:

http://demo.easythemepro.com/?themedemo=AnimeLight

С правой стороны нижней панели вы увидите возможность выбора различных тем. Я пытаюсь изменить стрелку вниз на изображение. Вот мой код:

background: url("http://www.easythemepro.com/img/arrow-right.png") no-repeat scroll 95% 53% #2B2B2B;

Что я делаю неправильно? Мое изображение не появляется на моем конце...

  • 0
    Вам нужно создать псевдо-выпадающую стрелку - Абсолютное положение div в оболочке с этим bg - и каким-то образом скрыть фон выбора.
  • 0
    Я на самом деле не пытаюсь стилизовать саму стрелку, я больше пытаюсь удалить ее, чтобы вместо этого показывалось мое изображение ...
Показать ещё 2 комментария
Теги:

1 ответ

0
Лучший ответ

В файле default.css я вижу следующее (отредактированное):

.wptdb_jumpbar_select option {
  background: url("http://www.easythemepro.com/img/arrow-right.png") no-repeat scroll 95% 53% #2B2B2B;
}

... но .wptdb_jumpbar_select страницу, похоже, что стили, которые вы хотите изменить, предназначены для .wptdb_jumpbar_select.

Таким образом, вы применяете свой CSS к неправильному элементу. Пытаться:

.wptdb_jumpbar_select {
  background: url("http://www.easythemepro.com/img/arrow-right.png") no-repeat scroll 95% 53% #2B2B2B;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню