Ionic - how to change textfield background colour?

Question

I already set textfield background colour into transparent but not working in Ionic.

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

I already read the Ionic documentation but it's not working. It's still white colour.

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

Solution 1

Are you sure your css rule matches the correct element?

Your rule:

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

Matches an element with class item-input, which is a descendant of an element with class item. Perhaps you meant the following?:

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

This rule matches an element with class item and item-input.

Solution 2

In Angular (as your question has an Angular tag), the answer is to use --background

--background: transparent !important; // example

see https://ionicframework.com/docs/api/input#css-custom-properties (select : Angular from the list to see Angular related docs)

Comments

[Roddy of the Frozen Peas]

Do you mean rgba? Because reba is not a valid declaration for colors.