添加一個美元符號的離子輸入

Question

目前，我有這樣的：

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

我真的很喜歡，是一個$添加到任何輸入的前端，這樣，當一個用戶類型數字在它旁邊或內部顯示一個美元符號。我目前發現這是不可能的。在一個標準輸入中，我會將之前或之前或跨度或標籤放在輸入之前，以使其工作。

但是，在離子列表中的Ion-item似乎增加了一個跨度，並且我不知道如何使用scss來添加它。頭爆炸的東西。

我已經試過：

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

一時興起，在希望將工作。它不是。

任何人都可以體驗這一點，並有一個解決方案？

謝謝

Answer 1

有趣的問題。以下應該工作，因爲在實踐中我認爲<ion-input>被轉換爲DOM中的標準HTML5輸入。

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