jquery - jQuery chosen: add a background-image?

Question

How would I add a background image to a list element in a jQuery Chosen select dropdown?

There is already a question on this, but I can't get the accepted answer to work.

My code:

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

JSFiddle to show the problem: http://jsfiddle.net/RVH8D/

Answer 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;
}

演示

Answer 2

尝试这个

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