移动HTML选择下拉菜单中的图标不显示？

要在移动HTML选择下拉菜单中显示图标，您可以使用自定义样式和图标字体。下面是一个示例解决方案：

首先，确保您已经引入了所需的图标字体库，比如FontAwesome或Material Icons。

然后，在HTML中，为选择下拉菜单添加一个自定义类，比如"icon-select"，并将其放置在合适的位置：

<select class="icon-select">
  <option value="option1">&#xf007; Option 1</option>
  <option value="option2">&#xf008; Option 2</option>
  <option value="option3">&#xf009; Option 3</option>
</select>

接下来，使用CSS样式来隐藏默认的下拉箭头，并设置字体图标的样式：

.icon-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 20px; /* 留出空间放置图标 */
  background: url('arrow-icon.png') no-repeat right center; /* 如果想使用自定义图片作为图标，可将此行替换为需要的图片路径 */
  background-size: 15px;
}

/* 如果使用FontAwesome字体图标 */
.icon-select option::before {
  font-family: 'FontAwesome';
  content: attr(value);
  padding-right: 5px;
}

/* 如果使用Material Icons字体图标 */
.icon-select option::before {
  font-family: 'Material Icons';
  content: attr(value);
  padding-right: 5px;
}

注意，这个示例使用了字体图标的Unicode字符编码，并将其作为value属性的值。如果您使用不同的图标库，您需要根据其使用方法进行相应的更改。

最后，您可以根据需要自定义图标的样式，比如颜色、大小等。

这样，您就可以在移动HTML选择下拉菜单中显示图标了。