Html 在选择选项前面添加svg图像
目前,我有下面的代码,它提供了所需的下拉列表,但我想知道如何在选项中将勾号更改为图像Html 在选择选项前面添加svg图像,html,css,vue.js,drop-down-menu,sass,Html,Css,Vue.js,Drop Down Menu,Sass,目前,我有下面的代码,它提供了所需的下拉列表,但我想知道如何在选项中将勾号更改为图像 <select class="appsearchfilter__seldiv--select"> <option class="appsearchfilter__seldiv--option"> <FlatOption class="appsearchfilter__seldiv--option" /> /*-->this is the
<select class="appsearchfilter__seldiv--select">
<option class="appsearchfilter__seldiv--option">
<FlatOption class="appsearchfilter__seldiv--option" /> /*-->this is the SVG import and it is component of vuejs */
Flat
</option>
<option class="appsearchfilter__seldiv--option">Door</option>
<option class="appsearchfilter__seldiv--option">APT</option>
</select>
我有以下SVG导入
从“@/assets/FlatOption.svg”导入FlatOption强>
我已经试着做了这个改变,但仍然无法奏效
<option
class="appsearchfilter__seldiv--select--option"
:style="{ backgroundImage: 'url(' + require('@/assets/FlatOption.svg') + ')' }"
>Flat</option>
Flat
<option
class="appsearchfilter__seldiv--select--option"
:style="{ backgroundImage: 'url(' + require('@/assets/FlatOption.svg') + ')' }"
>Flat</option>