Я использую следующую простую ионную кнопку с синим фоном и белой этикеткой. Но мне нужен овал с символами справа. Я прикрепил оба изображения (кнопку, которую я использую сейчас, и кнопку, которая мне действительно нужна). Как я могу создать кнопку в соответствии с этим, поскольку я новичок в Ionic.
Я прикрепил свой код и изображения:
Мой фрагмент HTML для текущей кнопки:
<ion-item>
<div>
<button ion-button name = "submitbutton" (click) = "submitforget()" tabindex = "3" #submitbutton class = "submitbutton">SUBMIT</button>
</div>
</ion-item>
Мой CSS для текущей кнопки:
.submitbutton{
text-align: right;
vertical-align: right;
}
Моя фактическая кнопка:
Но мне нужна кнопка, как показано ниже:
В ionic есть виджет кнопки по умолчанию.
Попробуйте под кодом
<button ion-button icon-end>
Right Icon
<ion-icon name = "star"></ion-icon>
</button>
Вы можете найти больше Здесь
Рад помочь :)