jQuery选择:添加背景图像?

时间:2013-07-30 10:29:49

标签: jquery css jquery-chosen

如何在jQuery Chosen选择下拉列表中将背景图像添加到列表元素?

already a question on this,但我无法获得接受的工作答案。

我的代码:

.chzn-results li {
  background-image: url('http://placekitten.com/20/20') no-repeat 3px center;
  padding-left: 12px;
}

JSFiddle显示问题:http://jsfiddle.net/RVH8D/

2 个答案:

答案 0 :(得分:1)

用于此background而不是all properties

.chzn-results li {
    background: url('http://placekitten.com/20/20') no-repeat 3px center;
    padding-left: 12px;
}

==========

如果您正在使用

background-image: 

比习惯这样

.chzn-results li{
background-image: url('http://placekitten.com/20/20');
background-repeat:no-repeat;
background-position:3px center;
}

<强> Demo

答案 1 :(得分:0)

试试这个

http://jsfiddle.net/RVH8D/6/

CSS

.chzn-results li {
    background: url('http://placekitten.com/20/20') no-repeat 3px center;

}
li.active-result { 
    padding-left: 12px;    
}
.chzn-results, .chzn-single { 
    font-family: Arial;    
}
.chzn-container .chzn-results li{padding-left: 25px;}