如何使用选择选项添加/显示图像

时间:2019-12-10 12:41:17

标签: javascript jquery html css

谢谢

我想添加/显示带有选择选项的图像,但我无法显示。我尝试使用选择选项的背景图片,但未在前端获取任何图片

select.metal_type_cls option[value="70"] 
    { 
        background-image: url('rose_gold.jpg') !important; 
        background-position: calc(100% - 20px) calc(100% - 10px); 
        background-repeat: no-repeat; 
        width: 200px !important;
        padding-left: 35px !important;
      
    }
<select name="metal" id="metal" class="attr metal_type_cls">
 <option value="">Select option</option>
                                                                            <option value="69" selected="">OPtion 1</option>
 <option value="70" selected="">OPtion 2</option>
 </select>

我想告诉您一件事,不想转换为ul li或datalist或其他任何内容。因此,请为此提供解决方案。谢谢

0 个答案:

没有答案