active-selection-014-ref.html (1441B)
1 <!DOCTYPE html> 2 3 <meta charset="UTF-8"> 4 5 <title>CSS Reftest Reference</title> 6 7 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> 8 9 <link rel="stylesheet" href="../support/highlights.css"> 10 <style> 11 div 12 { 13 background-color: Highlight; 14 color: HighlightText; 15 display: inline; 16 font-size: 300%; 17 text-decoration: HighlightText underline; 18 } 19 </style> 20 21 <!-- 22 " 23 The element's own text decorations (both line decorations 24 and emphasis marks) are thus drawn in the pseudo-element's 25 own color when that is not currentColor, regardless of 26 their original color or fill specifications. 27 " 28 coming from 29 https://www.w3.org/TR/css-pseudo-4/#highlight-painting 30 31 Highlight 32 Background of item(s) selected in a control. 33 https://www.w3.org/TR/css-color-4/#valdef-system-color-highlight 34 35 HighlightText 36 Text of item(s) selected in a control. 37 https://www.w3.org/TR/css-color-4/#valdef-system-color-highlighttext 38 39 CSS4 Color Module 40 5.2 System Colors 41 https://www.w3.org/TR/css-color-4/#css-system-colors 42 --> 43 44 <body> 45 46 <p>Test passes if each glyph of "Selected Text" is underlined and if color and background color of "Selected Text" are the OS-default highlight colors. The underline color must also be the same as the highlight color of "Selected Text". 47 48 <div id="test" class="highlight_reftest">Selected Text</div>