We've been using various symbols such as checkmarks (✔) on our website and just noticed that with the release of iOS 9, Safari and other browsers have been updated to not respect the color attribute. The same behaviour can be found in both Safari and Chrome on iOS 9.
<div>test ✔</div>
div {
color: #ff0000;
-webkit-appearance: none;
}
https://jsfiddle.net/afb14b2k/1/
The above example displays fine on other platforms (e.g. OS X). Is there a known workaround to get this to work on iOS 9?
Edit: It appears that this only applies to certain variants of check marks (and other variants of symbols). In this case we were using the heavy check mark (U+2714). When switching to the regular check mark (U+2713) iOS did not apply any formatting to it and we were able to apply a custom color to it.