みかづきブログ・カスタム

基本的にはちょちょいのほいです。

iOS15のSafariでoptionの文字色が青になるのでスタイルを上書きする 🟦

f:id:kimizuka:20211216134011p:plain

iOS15から明示的にcolorを当てないと、optionの文字色に-apple-system-blueと当てられてしまい、青くなってしまうようです。

body {
  color: #000;
}
option {
  color: #000;
}

では修正できなかったのですが、

select {
  color: #000;
}

で上書きました。

ただし、-apple-system-blueが適用されるパーツは他にもあるみたいなので、

body * {
  color: #000;
}

という形で一括で文字色を変更するのが手っ取り早いと思いました。


DEMO