In outlook windows desktop app, checkbox isnt supported as it uses MS word as its rendering engine. However, in the web app, checkbox works and says clearly that checkbox:checked is supported on i.e. outlook web.

I want to hide data by default, and when checkbox is ":checked" , I want to show the data.**However, in the mail, i am able to click on the checkbox but not able to display the hidden data. Is there any other way to show and hide data in outlook web ?**

here is the fiddle that I wrote :

Image of checkbox not showing hidden data when clciked:

Code :
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns:th="" xmlns="">


#content {
display: none;

#show:checked~#content {
display: block;



<input id="show" type=checkbox>
<label for="show">Click Me</label>
<span id="content">Text visible when checkbox is clicked</span>