at-supports-selector-webkit-slider-thumb.tentative.html (738B)
1 <!doctype html> 2 <title>CSS Test (Conditional Rules): In @supports, known -webkit- pseudo elements can be parsed successfully</title> 3 <link rel="help" href="https://drafts.csswg.org/css-conditional-3/#at-supports"> 4 <link rel="match" href="at-supports-001-ref.html"> 5 <style> 6 div { 7 background:red; 8 height:100px; 9 width:100px; 10 } 11 /* This matches in user agents supporting ::-webkit-slider-thumb. */ 12 @supports selector(input::-webkit-slider-thumb) { 13 div { background-color:green; } 14 } 15 /* This should never match. */ 16 @supports selector(input::-webkit-asdf) { 17 div { background-color:red; } 18 } 19 </style> 20 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> 21 <div></div>