離子 - 如何更改文本字段的背景顏色？

Question

我已經將textfield背景顏色設置爲透明，但不能用於離子。

.item .item-input { 
    background-color: transparent; 
} 

我已閱讀離子文檔，但它不工作。它仍然是白色的。

http://ionicframework.com/docs/components/#forms-inline-labels

請指點。謝謝。

Answer 1

你確定你的CSS規則匹配正確的元素？

您的規則：

.item .item-input { 
    background-color: transparent; 
} 

匹配具有類項目投入，這與類項目元素的後代元素。也許你的意思是？：以下

.item.item-input { 
    background-color: transparent; 
} 

此規則與類項目和項目輸入的元素相匹配。

Answer 2

也許有點黑客，但你可以把文本放在另一個div裏，給div一個特殊的背景顏色。

所以，這樣的事情：

.text { 
background-colour: red; // or colour: red; I don't know 
} 

，然後把這個div之間的文本。希望能幫助到你。

Answer 3

.label { 
background-color: reba(255, 255, 255, 0.0); 
} 

然後把CSS規則離子item元素類似這樣的：

<ion-item class="label">