<!DOCTYPE html>
<style>
dialog, dialog::backdrop {
border: solid red;
}
:visited dialog, :visited dialog::backdrop {
border-color: green;
}
</style>
<a href=""><dialog></dialog></a>
<script>
document.querySelector("dialog").showModal();
</script>I expected that both the dialog and the backdrop would have a green border.
However, the backdrop gets a red border in Gecko, Blink and WebKit.
Seems like a bug to me, but there is interoperability.
https://software.hixie.ch/utilities/js/live-dom-viewer/saved/11114
https://drafts.csswg.org/selectors-4/#visited-pseudo
https://fullscreen.spec.whatwg.org/#::backdrop-pseudo-element
https://drafts.csswg.org/css-position-4/#backdrop
I expected that both the dialog and the backdrop would have a green border.
However, the backdrop gets a red border in Gecko, Blink and WebKit.
Seems like a bug to me, but there is interoperability.