Ионо-входное добавление знака доллара внутри ⇐ CSS

[Anonymous]

Я пытаюсь получить $ Знак для ввода данных валют внутри ионо-входного. HTML выглядит ниже < /p>



< /code>
и css < /p>
ion-input {
border-radius: 6px;
border: 1px solid #AEB1B5;
}

.ban-input {
--placeholder-color: #AEB1B5 !important; //grey-700
--padding-start: 5px !important;
}

ion-input[type=number]::before {
content: "$";
}
< /code>
Хотя он отображает $, но создает совершенно новую пустую линию, удвоив высоту ввода. Другое дело, что я не хочу применять его, это все ввод типа числа, но только тот, который я использую для валюты. < /p>
Пожалуйста, сообщите. < /p>



Подробнее здесь: https://stackoverflow.com/questions/793 ... ign-inside