I just spent too much time figuring out why my
<button> doesn't want to display white text color on iOS Safari. It's a button to close modal, defined like this:
I was sure I'm missing something about, as we all know that buttons are not the easiest to style. But after applying
color: #fff; and
-webkit-appearance: none I expected it to work. I finally thought of trying other characters and, for my surprise, here's the result:
For reference, here's the crosses I tested:
X ✕ ☓ ✖ ✗ ✘, the fourth one being the one. The font I used is Tahoma, but I'm not sure if that matters for Unicode characters after all. The problematic cross sign is called HEAVY MULTIPLICATION X (U+2716).