How to style a Details or Summary HTML tags when is open

December 31, 2021 • 1 min read

Suppose this HTML markup:

<details>
	<summary>Title</summary>
  <p>
    Content
  </p>
</details>

Here the CSS to style the summary when details is open by the user:

details[open] summary{
  background:red;
}