Question

我做了一个下拉菜单。我需要在下拉列表文本左侧的25px x 25px图像？每次我尝试，图像都不会出现？为什么？我该如何解决？我尝试过并试过，但图像永远不会出现。 http://jsfiddle.net/Hunter4854/M4Ef2/1/

Answer 1

~~我认为你不能在选项标签中放置图像标签，最好是在选项标签上设置背景图像和填充。~~
如果你看在脚本中，您会看到它重建.custom-select ul，这就是您在标记中丢失任何<img>的原因，请查看此fiddle我注释掉该代码的位置。

$('#test_select option').each(function(i){
    html.push('<li rel="'+$(this).val() +'">'+$(this).text()+'</li>');
});

$('.custom-select ul').html(html.join(''))

Answer 2

尝试：

.custom-select ul {
  ...
  background: url("myimage.png") left top no-repeat;
  padding-left: 50px;
}

Answer 3

除非我遗漏了某些内容，否则我不确定为什么人们会向<li>提出建议。如果您希望25x25图像出现在下拉列表中，请使用：

<强> CSS

select#test_select option[value="graphic designer"] {
 background: url("myimage.png") left top no-repeat;
 padding-left: 50px;  
} // continue with every value

在列表中添加小图像？

3 个答案: