Angular6-在下拉列表中渲染图像

时间:2019-03-17 14:04:47

标签: html css angular typescript internationalization

我正在尝试使用svg图像创建html下拉列表。 我的以下代码未显示任何图像:

<select name="options">
   <option class="en" value="en" 
      style="backgroundimage:url('assets/svg/en.svg');">English
   </option>

   <option class="fr" value="fr"
      style="background-image:url('assets/svg/fr.svg');">French
   </option>

   <option class="pl" value="pl"
      style="background-image:url('assets/svg/pl.svg');">Polish
   </option>

   <!-- this way doesn't work eighter. -->
   <option><img class="country-flag" src="assets/svg/en.svg"></option>

</select>

我知道可以使用第三方库来完成。但是我正在寻找html / css / typescript中的解决方案。使用Angular6。谢谢。

0 个答案:

没有答案