ladybird/Tests/LibWeb/Text/input/ShadowDOM/css-variable-inheritance-across-shadow-boundary.html
2024-07-25 21:38:32 +02:00

20 lines
400 B
HTML

<style>
:root {
--foo: green;
}
</style>
<div id="myShadowHost">
<template shadowrootmode="open">
<style>
span { color: var(--foo, red); }
</style>
<span>green</span>
</template>
</div>
<script src="../include.js"></script>
<script>
test(() => {
let span = myShadowHost.shadowRoot.firstElementChild.nextElementSibling;
println(getComputedStyle(span).color);
});
</script>