javascript - 文本输入内的可点击图标

Question

我有一个切换按钮，我想添加一个像我的切换按钮一样的图标

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

文本字段.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

试试这个: 您的文件.html

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

文件.scss

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