Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在选择选项前面添加svg图像_Html_Css_Vue.js_Drop Down Menu_Sass - Fatal编程技术网

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>