Html 电子逻辑门

我想要一个带有内容Countryflag+国家名称的下拉菜单Html选择选项

为了降低http请求，我想用一个带有所有标志的图像来实现它，并且只显示其中的一部分

我用这个条纹

如果没有带选项列表的html表单，其工作方式如下：

<img src="blank.gif" class="flag flag-cz" alt="Czech Republic" />

但是

禁止

如果我这样做：

<option class="flag flag-cz">Czech Republic</option>

它没有给出我想要的结果

下面是一个示例，它应该是什么样子的：

---

您可以使用带有大小和名称的选择标记方法

这种方法怎么样。它的行为与select相同，但您可以轻松地将其定制

$document.readyfunction{ $.option.clickfunction{ $.option.slideDown； }; $。选项：未选择。单击功能{ $.option:not.selected.slideUp； $.option.selected.text$this.text $selectVal.val$this.datavalue }; }; 李{ 列表样式：无 } .选择权{ 显示：无 } .选择：第一个孩子{ 显示：块 } .选项：不。所选：悬停{ 背景：红色 } 挑选{ 边框：1px纯黑； 宽度：100px； 光标：指针 } 选择img{width:30px} - 西班牙 葡萄牙

---

当问题与电子逻辑门无关时，为什么标题是“电子逻辑门”？我对标题很好奇。我在你发布的示例URL上没有看到任何标志。你不能将图像放在简单的选择器上，也许是标志的表情符号欢迎使用SO&感谢你参与提问。由于此处发布的每个答案都可能被许多用户阅读[&learn]，请确保您确实有足够的信息来回答特定的问题。无论如何，作为第一个，您可以回顾

<option class="flag flag-cz">Czech Republic</option>