EasyDropDown.js Значок меню меняется на изображение

Question

EasyDropDown.js Значок меню меняется на изображение

0

Я использую http://patrickkunka.github.io/easydropdown/ для стиля элемента формы. Может ли кто-нибудь сказать мне, как я могу изменить иконку Drop-Down в изображение (класс "carat"). Я пытаюсь с фоном: url (...), но это не сработало.

Спасибо за любую помощь.

с наилучшими пожеланиями Томас

Stiller Eugen 20 март 2014, в 13:07

Источник

Теги:

jquery

2 ответа

Ещё вопросы

vivek · Answer 1 · 2014-03-20T10-00-00.000Z

Я изменил класс CSS, чтобы использовать пользовательский образ. При открытии я переворачиваю фоновое изображение. Здесь скрипка: http://jsfiddle.net/RMz4y/

Здесь CSS:

.dropdown .carat {
    width:20px;
    height:12px;
    background: url(http://ric.general-metrics.com/wp-content/themes/ric/images/icon/caret-down-grey.png) no-repeat;
    border: 0;
}

.dropdown.open .carat {
    border:0;
    margin-top:-4px;
    /* flip background vertically */
    -webkit-transform:scaleY(-1);
    -moz-transform:scaleY(-1);
    -ms-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
}

Marián Zeke Šedaj · Answer 2 · 2014-03-20T09-51-00.000Z

Начните играть с кодом jquery, например, с линией 84 при добавлении диапазона, измените код с

self.$carat = $('<span class="carat"/>').appendTo(self.$container);

в

self.$carat = $('<span class="carat"><img src="myimage.png"></span>').appendTo(self.$container);

затем отключите фон в css, чтобы отобразить только изображение

Большое спасибо, работает нормально!