如何在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/
答案 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)
试试这个
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;}