在下拉菜单列表中添加图标[重复]答案

【问题标题】：Add icon inside dropdown menu list [duplicate]在下拉菜单列表中添加图标[重复]
【发布时间】：2017-07-05 06:26:16
【问题描述】：

如何在下拉菜单列表中添加图标。我的 HTML 代码如下。请帮助我想在下拉菜单列表中添加编辑图标和删除图标 Edit icon Delete Icon

index.html

<!DOCTYPE html>
<html>
<head>
<title>Edit Page</title>
</head>
<body>
<form action="" method="post">
Action: 
<select name="" id="">
<option value="">Select Action</option>
<option value="Edit">Edit</option>
<option value="Delete">Delete</option>
</select>
</br>
<input value="SAVE" type="submit" name="submit">
</form>
</body>
</html>

【问题讨论】：

Google 是您的朋友。这已经被问过很多次了。 stackoverflow.com/questions/1697996/image-in-select-element, stackoverflow.com/questions/2524953/…, stackoverflow.com/search?q=html+select+image
你不能自己使用这些图标...你可以做这样的事情codepen.io/mcoker/pen/OgEWyO这行得通吗？如果是这样，我可以重新打开并提交作为答案。

标签： html css

【解决方案1】：

你不能用 option 元素做到这一点。您要么必须从 div 创建一个列表元素，要么可以使用这个库。将解决您的目的。

我希望这会有所帮助。

https://tympanus.net/Development/SelectInspiration/index3.html

【讨论】：