Как я могу оформить ионную кнопку с символами на правой стороне?

Я использую следующую простую ионную кнопку с синим фоном и белой этикеткой. Но мне нужен овал с символами справа. Я прикрепил оба изображения (кнопку, которую я использую сейчас, и кнопку, которая мне действительно нужна). Как я могу создать кнопку в соответствии с этим, поскольку я новичок в 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;

}

Моя фактическая кнопка:

Как я могу оформить ионную кнопку с символами на правой стороне?

Но мне нужна кнопка, как показано ниже:

Как я могу оформить ионную кнопку с символами на правой стороне?

0
0
56
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В ionic есть виджет кнопки по умолчанию.

Попробуйте под кодом

<button ion-button icon-end>
Right Icon
<ion-icon name = "star"></ion-icon>
</button>

Вы можете найти больше Здесь

Рад помочь :)

Mohamed Mohaideen AH 09.08.2018 12:26

Другие вопросы по теме