为什么在select2输入占位符中，字体真棒unicode图标显示在移动设备上？

Question

我正在尝试将占位符图标插入到select2输入字段中。

在桌面上查看：

在手机上查看：

这是我用来使用unicode集成字体真棒的代码，用于将图标放在输入字段中。

jade（我初始化select2的元素）

#tags.icon(type="text", name="tags", placeholder= "   tags...")

和CSS

.select2-input, #searchPosts
  font-family 'FontAwesome'

奇怪的是，当我点击输入字段时，键入然后清除键入，然后单击外部，标记图标会正确显示。但它在加载时没有正确显示。

Answer 1

Font Awesome和其他图标网站经常在各种不同平台上存在兼容性问题。如果出现unicode，您应该有备份选项 - 例如精灵。

移动浏览器编码通常与浏览器的Web版本不同。

有很多方法可以解决这个问题，本文是一个很好的起点： http://www.creativebloq.com/app-design/icon-fonts-in-apps-21410734

Answer 2

如果没有调试它，我会说你遇到了z-index问题或者实际的引擎渲染错误。如果可以，请尝试稍后设置值。如果您知道占位符文本是通过添加dom元素实现的，请尝试增加其z-index。祝你好运。