The unicode presentation selector FE0E can be used to stop iOS replacing standard unicode glyphs with emojis, for example:
```
[aria-checked="false"] > i::before {
content: "\2610\fe0e";
}
[aria-checked="true"] > i::before {
content: "\2611\fe0e";
}
```
This is useful because emojis can't inherit CSS colors, so they're not the same color as surrounding text, and might not have good contrast. And they rarely make good functional icons anyway, when that's what you wanted the glyph for.
James Edwards /
npub1t4…u07pz
2023-12-03 15:40:55
Author Public Key
npub1t4u2jqzxdjr66fmdkvfgggs08tpkz8uagr2wp7dd4058vuantc9qdu07pzPublished at
2023-12-03 15:40:55Event JSON
{
"id": "3c021c85a16426a8ceb3f819340a455a163db61a2ab60ef5d1a0f55c849ff236",
"pubkey": "5d78a900466c87ad276db31284220f3ac3611f9d40d4e0f9adabe87673b35e0a",
"created_at": 1701618055,
"kind": 1,
"tags": [
[
"proxy",
"https://mastodon.world/users/siblingpastry/statuses/111517240859236989",
"activitypub"
]
],
"content": "The unicode presentation selector FE0E can be used to stop iOS replacing standard unicode glyphs with emojis, for example:\n\n```\n[aria-checked=\"false\"] \u003e i::before {\n content: \"\\2610\\fe0e\";\n}\n[aria-checked=\"true\"] \u003e i::before {\n content: \"\\2611\\fe0e\";\n}\n```\n\nThis is useful because emojis can't inherit CSS colors, so they're not the same color as surrounding text, and might not have good contrast. And they rarely make good functional icons anyway, when that's what you wanted the glyph for.",
"sig": "6087289ed3529a1e54d22427b2b046bcdd06e00d9378d5c2c0ff14c30288790c5a0e32daee5a69b07ee2ddf591600dd3a65d80b4188c8dff8cb455602ae381e1"
}