1

我有一个文本输入，用于在带有放大镜占位符图标的页面上搜索产品。在不同的页面上，我有一个专门用于接收条形码数据的文本输入。

我想通过使用条形码图标作为占位符图标来区分这些，但是占位符图标似乎专门使用 Ionicon 字体而不是 CSS 或其他东西中定义的图标。

有没有办法定义一个可以用作占位符图标的自定义图标？

我有这样定义的自定义选项卡图标：

.tabs .tab-item .icon.gmBagOn {
  background-repeat: no-repeat;
  background-position: 50%;
  height: 70%;
  background-image: url('../img/ic_shop_white_24px.svg');
  background-size: contain;
}

我可以像这样在代码中引用这些： <ion-tab title="Lookup" ui-sref="tab.lookup" icon-off="gmSearchOff" icon-on="gmSearchOn">

我尝试将其定义为图标名称.icon.barcode并像这样引用它：

<form class="padding" ng-submit="submit(searchUPC)">
   <label class="item item-input">
      <i class="icon ion-barcode"></i>
      <input type="search" placeholder='' ng-model="inputs.textbox">
   </label>
</form>

但是，这会创建一个空的占位符。此外，在尝试更改占位符图标的颜色时，我发现它采用占位符文本颜色或文本框填充颜色，这让我认为它实际上是使用字体定义而不是图标定义。

4

0 回答 0