向离子输入添加美元符号

Question

我目前有这个：

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

我真正想要的是在任何输入的前面添加一个 $，这样当用户输入一个数字时，它会在旁边或里面显示一个美元符号。我目前发现这是不可能的。在标准输入中，我会在输入之前或在跨度或标签中放置之前，以使其工作。

但是，对于离子列表中的离子项目，似乎添加跨度会破坏它，而且我不确定如何使用 scss 在之后添加它。头爆炸的东西。

我试过了：

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

一时兴起，希望能奏效。它不是。

有没有人遇到过这种情况并有解决方案？

谢谢

Answer 1

有趣的问题。以下应该有效，因为在实践中我相信<ion-input>DOM 中的an会被转换为标准的 HTML5 输入。

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