1

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

idk
  • 23
  • 1
  • 10

2 Answers2

1

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?.

Rajeev
  • 1,376
  • 2
  • 15
  • 33
0

Have you tried styling the option?

select option {
    color: white;
}
James
  • 431
  • 9
  • 15
  • Thanks for the input, James! I've just updated the script but it's had no impact, unfortunately.. – idk Jan 06 '20 at 20:37
  • 1
    @waldrus iOS does not allow for the styling of ` – Mike Hermary Jan 06 '20 at 21:29
  • @Mike Hermary This appears to no longer be the case, at least on the current version of iOS Safari. Setting `color` on the select element will successfully change the colour of the text in the select box. – Peter Cole May 19 '23 at 13:27