3

我正在使用离子框架。

我正在使用以下代码：

<div class="list list-inset">
  <label class="item item-input">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="text" placeholder="Search" ng-model="data.searchText.name">
  </label>
</div>

它直接取自官方文档：http: //ionicframework.com/docs/components/#input-icons。

它在所有方面都运行得很好，但在普通的 Android 浏览器上失败了（在物理 HTC One X 4.0.4 和 Genymotion Galaxy Nexus 4.3 上测试）。

我尝试使用 Weinre 来检查元素

在此处输入图像描述

我尝试修改 CSS：

.ion-search:before {
  font-family:"Times New Roman" !important;
  color: black;
  content: "wider wider \f21f"; 
}

在此处输入图像描述

我检查了是否支持：伪类

http://caniuse.com/#feat=css-gencontent

我创建了简单的演示以查看它们实际上是受支持的（它们是）

http://plnkr.co/edit/o5BK6KqTk1MNrlMOI7o5?p=preview

在这个阶段，我觉得有资格问......让图标工作需要什么？

（非常感谢）

更新：http ://bit.ly/aaaabbbccc图标在股票浏览器中有效，我仍在试图弄清楚为什么它们不在我的代码中......

更新：https ://android.stackexchange.com/a/19816/59510 - 方便的链接指示如何删除浏览器缓存/本地存储/任何其他设置

更新： http: //1drv.ms/1fWdHpi - 我录制了一个视频......它是间歇性的，有很多可能的状态。

4

0 回答 0