Добавление знака доллара к ионным входу

Question

я в настоящее время это:

<ion-item> 
    <ion-label sale floating>Sale Price< /ion-label> 
    <ion-input type="number" clearInput placeholder="$">< /ion-input> 
</ion-item> 

То, что я бы очень хотел, чтобы добавить $ в передней части любого входа, так что, когда пользователь вводит номер появляется со знаком доллара рядом или внутри него. В настоящее время я нахожу это невозможным. В стандартном вводе я бы поставил перед или в промежутке или метке, предшествующей вводу, чтобы заставить его работать.

Однако с Ion-элементом в списке Ion кажется, что добавление пролета прерывает его, и я не уверен, как с помощью scss добавить его после. Голова взрывается.

Я пробовал:

ion-label[sale]:before { 
    content: "$"; 
} 

По прихоти, в надежде, что будет работать. Это не.

Кто-нибудь испытывает это раньше и имеет решение?

Thanks

Answer 1

Интересный вопрос. Следующее должно работать, потому что на практике я считаю, что <ion-input> переводится на стандартный вход HTML5 в DOM.

input[type=number]:before { 
    content: "$"; 
}