22 lines
816 B
HTML
22 lines
816 B
HTML
<!DOCTYPE HTML>
|
|
<title>Details pseudo-elements</title>
|
|
<link rel="match" href="details-pseudo-elements-002-ref.html">
|
|
<link rel="help" href="https://github.com/whatwg/html/pull/10265">
|
|
<link rel="help" href="https://drafts.csswg.org/css-pseudo-4/#details-content-pseudo">
|
|
<link rel="help" href="https://github.com/dbaron/details-styling">
|
|
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1469418">
|
|
<meta name="assert" content="Checks that the content-visibility property on the pseudo-element overrides the style attribute inside the shadow dom.">
|
|
<style>
|
|
|
|
details::details-content {
|
|
background: aqua;
|
|
display: block; /* override display: contents for slot */
|
|
content-visibility: visible;
|
|
}
|
|
|
|
</style>
|
|
|
|
<details>
|
|
<summary>The summary</summary>
|
|
<div>The details!</div>
|
|
</details>
|