Question

我使用http://patrickkunka.github.io/easydropdown/设置选择表单元素的样式。任何人都可以告诉我如何将Drop-Down-Icon更改为图像（类＆＃34;克拉＆＃34;）。我尝试使用background：url（...），但它没有用。

感谢您的帮助。

最好的问候托马斯

Answer 1

开始使用jquery代码，例如附加跨度时的第84行，从

更改代码

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

到

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

然后禁用css中的背景以仅显示图像

Answer 2

我已将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);
}

EasyDropDown.js菜单图标更改为图像

2 个答案: