Is it possible to adjust the CSS properties of dingbat symbols? Unfortunately, attempts to do so in iOS Safari have been unsuccessful.
<span class="dingbat">✖</span>
<style>
.dingbat {
color: blue;
font-size: 100px;
}
</style>
Check out this JSFiddle for a demonstration of the issue. When viewed on a desktop browser, the X symbol should be blue and large. However, on mobile Safari, the color will be black and the size small.
https://jsfiddle.net/ujs80tv1/2/
This question has been suggested as a duplicate of "Color of Unicode Emoji." I disagree with this classification as I have successfully altered the color of Unicode dingbats in most browsers (refer to JSFiddle). The only exception seems to be mobile Safari, where changing the color is not possible. Changing the color of emojis doesn't seem feasible in any browser, as far as my knowledge goes.
The suggested solution in the "Color of Unicode Emoji" thread recommends utilizing a new font or library. While this may serve as a workaround, it doesn't directly address the original query. If it can be proven that styling unicode dingbats is impossible in mobile Safari, then I would consider that response as correct.