Preview URLs

• /en-US/docs/Web/HTML/Element/details

The element that does/doesn't support list-style in this case is <summary>. The <summary> page does include browser compatibility data for list-style.

A likely issue is that the example, Customizing_the_disclosure_widget, should likely be on the <summary> page rather than the <details> page.

Oh, haha, yeah thank you for the correction.

Would you support a change to have the <details> element page link to the <summary> element page for more information on how to customize it?

Would you support a change to have the <details> element page link to the <summary> element page for more information on how to customize it?

Yes.

If you want to take it on, I was actually thinking the best solution would be to move the last example on the <dialog> page to be the last example on the <summary> page (with a slightly different title, such as "styling the summary", and then adding a sentence at the end of the Customizing the appearance example to point to the now moved example, something to the effect of "See the <summary> page for an example of customizing the disclosure widget"

When creating a new example or changing the title of an example, the EmbedLiveSample macro needs to be updated:

{{EmbedLiveSample("Put new title here", 650, 120)}}

The marker can be removed with ::marker { content: "";} or ::marker { content: none;}, but that isn't supported in Safari either. See https://codepen.io/estelle/pen/QWerPEp. But that is information for the summary page, not the details page.

I'm not sure if I'll come back to this soon, but I appreciate your insight.

I added the example to <summary> in #36691