asp.net下拉列表图像国家标志

Question

请查看GB标志显示为css测试范围的屏幕截图，以及显示没有标记图像的国家/地区列表的下拉列表，我需要显示标记图像！

<span class="flag-icon flag-icon-gb"></span>

<div class="col-xs-12 col-sm-5 pl0">
<asp:DropDownList CssClass="form-control thintext" ID="lstCountryLivingIn" runat="server" ClientIDMode="Static">
<asp:ListItem Text="Please Select..." Value=""></asp:ListItem>
</asp:DropDownList>
</div>

代码背后

If ds.Tables(0).Rows.Count > 0 Then
For i = 0 To ds.Tables(0).Rows.Count - 1
Dim li As New ListItem()
li.Value = ds.Tables(0).Rows(i)("CountryId").ToString
li.Text = ds.Tables(0).Rows(i)("CountryTitle").ToString & " ( " & ds.Tables(0).Rows(i)("CountryPhoneCode").ToString & " )"

‘ I need to add some css / style or attribute here to show country flags

lstCountryLivingIn.Items.Add(li)
Next

我需要在代码隐藏时使用css /样式来在每个下拉列表项中显示国家标记，但我不确定如何???

我在国家/地区表中有两个字符的ISO国家/地区代码，例如“gb”，我有svg格式的所有标记

进一步参考： http://www.aspdotnet-pools.com/2014/09/dropdownlist-item-with-custom-icon.html

Answer 1

您可以在here下载它们。根据您提到的示例链接，您可以为每个组合项设置背景图像/ css。

编辑：我们无法通过痛苦下拉来实现这一目标，请参阅this问题。如果我们使用Bootstrap或jQuery下拉列表，我们就可以实现相同的目标。