@@ -670,6 +670,9 @@ Cascading and Per-Element Highlight Styles</h3>
670
670
<h3 id="highlight-painting">
671
671
Painting the Highlight</h3>
672
672
673
+ <h4 id="highlight-backgrounds">
674
+ Backgrounds</h4>
675
+
673
676
Each <a>highlight pseudo-element</a> draws its background
674
677
over the corresponding portion of the <a>highlight overlay</a> ,
675
678
painting it
@@ -685,6 +688,22 @@ Painting the Highlight</h3>
685
688
css/css-pseudo/highlight-z-index-002.html
686
689
</wpt>
687
690
691
+ <h4 id="highlight-shadows">
692
+ Shadows</h4>
693
+
694
+ Any 'text-shadow' applying to a [=highlight pseudo-element=]
695
+ is drawn over its corresponding [=highlight overlay=] background.
696
+ Such text shadows also stack over each other
697
+ (and over any original 'text-shadow' applied to the text and its decorations,
698
+ which continues to apply).
699
+
700
+ Note: Since each [=highlight overlay=] background
701
+ is drawn over any shadows belonging to the layer(s) below,
702
+ a [=highlight overlay=] background can obscure lower-level shadows.
703
+
704
+ <h4 id="highlight-text">
705
+ Text and Text Decorations</h4>
706
+
688
707
A <a>highlight pseudo-element</a>
689
708
also suppresses the drawing of any selected text
690
709
(and any text decorations applied to that text).
@@ -711,9 +730,8 @@ Painting the Highlight</h3>
711
730
when that is not ''currentColor'' ,
712
731
regardless of their original color or fill specifications.
713
732
714
- Issue: What should happen with text shadows?
715
- Drawing them in their original color is disconcerting if that color is not a shade of gray.
716
- Maybe if the overlay has a background, suppress any text shadows below it?
733
+ <h4 id="highlight-replaced">
734
+ Replaced Elements</h4>
717
735
718
736
For non-replaced content, the UA must honor the 'color' and 'background-color'
719
737
(including their alpha channels) as specified.
0 commit comments