首页 文章

在离子输入中添加美元符号

提问于
浏览
0

我目前有这个:

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

我真正喜欢的是在任何输入的前面添加一个$,这样当用户输入一个数字时,它会在旁边或其中显示一个美元符号 . 我现在发现这是不可能的 . 在标准输入中,我将输入之前或之后放置在 Span 或标签中以使其起作用 .

然而,如果使用Ion-list中的Ion-item,似乎添加一个span会打破它,我不确定如何使用scss将其添加 . 头爆炸的东西 .

我试过了:

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

一时兴起,希望能有效 . 它不是 .

有人以前经历过这个并有解决方案吗?

谢谢

1 回答

  • 1

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

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

相关问题