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

我正在使用来设置select表单元素的样式。谁能告诉我如何将下拉图标更改为图像（类别“克拉”）。我正在尝试使用background:url（…），但它不起作用

谢谢你的帮助

致意

---

thomas

开始使用jquery代码，例如，添加跨距时的第84行，将代码从

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

self.$carat=$（''）.appendTo（self.$container）；

到

self.$carat=$（''）.appendTo（self.$container）；

---

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

我已将css类更改为使用自定义图像。打开时，我正在翻转背景图像。这是小提琴：

以下是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);
}

.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);
}