I have HTML that contains text with accent marks (U+0301 - a combining character) to denote stress. I'd like to be able to show and hide the accents with a checkbox. Some of the HTML is dynamically generated.
Is there a way to do this with CSS only? (no JavaScript and no enclosing all occurrences of U+0301 in tags)
One idea I tried was to use a custom font that renders U+0301 as an empty glyph - it does hide U+0301 in isolation, but fails to hide it when it's combined with another character.