Search code examples
htmlioscsssafaricontact-form

How to override the input[type="select"] text colour in IOS Safari

I'm working on a contact form where the select inputs are designed to have white text on a black background. The desired styles are being applied correctly in every instance except when accessed via Safari or Firefox on either an iPhone or iPad.

The relevant CSS Script is as follows:

select{
    -webkit-appearance: none;
    color: white !important;
}

Is there a particular reason that these browsers may not be processing this style? And how would I circumnavigate it?

*edited as both Firefox and Safari express this same issue

Solution

  • This type of styling is not currently supported by WebKit browsers on Mac OS X. You may find some more ideas here: Pure CSS solution to styling specific options in Webkit based browsers?.