This disclosure widget is styled by replacing the default marker using the content of the ::marker pseudo-element. If your browser does not support this yet, you will see the default triangle marker instead.

This disclosure widget is styled by changing the color of the default marker using the ::marker pseudo-element. This works in all browsers.

This disclosure widget is styled by replacing the default marker with a custom marker provided using the ::before pseudo-element. The default marker is removed by setting list-style: none on the summary.

This disclosure widget is styled by replacing the default marker with a custom marker provided using an inline SVG image. The SVG fill color adapts to the color of the surrounding text.