爲什麼字體真棒unicode圖標顯示在select2輸入佔位符的移動上搞砸了？

Question

我想在select2輸入字段中插入一個佔位符圖標。

查看桌面上：

查看移動：

這裏是我用來集成字體真棒使用Unicode，放置圖標中輸入代碼領域。

玉（元件，其中我初始化就選擇2）

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

和CSS

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

奇怪的是，當我點擊進入輸入字段，類型，然後清除打字，然後在外面點擊，標籤圖標正確顯示。但它在加載時不能正確顯示。

Answer 1

Font Awesome和其他圖標網站在各種不同的平臺上經常會遇到兼容性問題。如果出現unicode，您應該備份選項 - 例如精靈。

移動瀏覽器編碼通常與瀏覽器的網頁版本不同。

有許多方法來處理這一點，這篇文章是一個良好的開端： http://www.creativebloq.com/app-design/icon-fonts-in-apps-21410734

Answer 2

無需調試它，我會說你遇到一個z-index的問題或實際引擎渲染的錯誤。如果可以，稍後嘗試設置值。如果您知道佔位符文本是通過添加dom元素實現的，請嘗試增加其z-index。祝你好運。