文字輸入內的可點擊圖標

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
}