CODEWITHSUNDEEP
cssipadsafari
FabianCook
FabianCook

Reputation: 20557

Styles for inputs don't appear to work on an iPad

I have a few text input fields, two of which are disabled, they look right on the PC browser but when I look at it on the iPad the color of the text doesn't change to what it is meant to.

enter image description here

I have this style on disabled fields:

input[disabled='disabled']
{
    color:#555;
}

But the iPad doesn't seem to take notice of it.

Any ideas? This happens for all disabled input text fields.

Upvotes: 1

Views: 1403

Answers (2)

Kris Zhang
Kris Zhang

Reputation: 317

You may try to override the opacity, it works for me.

input:disabled {
   -webkit-text-fill-color: rgba(0, 0, 0, 1); 
   -webkit-opacity: 1; 
}

Upvotes: 0

FelixH
FelixH

Reputation: 145

this safari version doesn't support your css sadly you have to use extra classes on your fields like class="disabled"

Upvotes: 2

Related Questions