webkit-text-fill-color-property-006.html (962B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>webkit-text-fill-color should take effect while rendering text-overflow ellipsis</title> 4 <link rel="author" title="Jeremy Chen" href="jeremychen@mozilla.com"> 5 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 6 <link rel="help" href="https://compat.spec.whatwg.org/#the-webkit-text-fill-color"> 7 <meta name="assert" content="The color of text-overflow ellipsis should be green"> 8 <link rel="match" href="webkit-text-fill-color-property-006-ref.html"> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <style> 11 div { 12 font-size: 10px; 13 overflow: hidden; 14 text-overflow: ellipsis; 15 width: 150px; 16 color: red; 17 -webkit-text-fill-color: green; 18 } 19 span { 20 font-family: Ahem; 21 font-size: 30px; 22 } 23 </style> 24 <body> 25 <p>Test passes if there is a <strong>green ellipsis</strong> after "TestChecks".</p> 26 <div> 27 <span>TestChecksThatTextColorAndEllipsisColorShouldBeTheSame</span> 28 </div> 29 </body>