文本输入内的可点击图标

Question

我有一个切换，我想添加一个像我的切换

的图标

我想在文本字段中添加一个可点击的图标。

Textfield.html

<ion-input   id="text"  [ngModel]="text"  rows="1"  type="text"></ion-input>
<ion-toggle class="toggle-small" toggle-class="toggle-calm" id="toggle" (ionChange)="add(ioToggle.checked)"  #ioToggle ></ion-toggle>

有没有办法在输入中添加一个图标，就像切换一样？

Answer 1

试试这个： 你的file.html

    <ion-input id="text" rows="1" type="text"></ion-input>
  </div>
  <button id="button" ion-button icon-only clear>
  </button>
</div>

file.scss

.Test #button {
  vertical-align: top; // change this 
  display: inline-block;
  width: 25px;
  margin: 0;
  padding: 0;
  position: relative;
  top: -12px; //change this too
}