appearance-menulist-button-002.tentative.html (1610B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Basic User Interface Test: appearance: menulist-button on drop-down select</title> 4 <link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching"> 5 <meta name="assert" content="menulist-button is NOT an alias to auto on drop-down select."> 6 <link rel="mismatch" href="appearance-auto-ref.html"> 7 <style> 8 #container { width: 500px; } 9 #container > #drop-down-select { appearance: none; appearance: menulist-button; } 10 </style> 11 <!-- 12 Test marked as tentative since although css-ui says: 13 14 For drop-down box select elements, the element is rendered as a drop-down 15 box, including a "drop-down button", but not necessarily using a native 16 control of the host operating system. For such elements, CSS properties 17 such as color, background-color, and border (that can be disregarded for 18 auto) should not be disregarded. 19 20 there is no requirement that this rendering is any different from the 21 automatic widget appearance of a drop-down select. 22 --> 23 <div id="container"> 24 <a>a</a> 25 <button>button</button> 26 <input type="text" value="input-text"> 27 <input type="search" value="input-search"> 28 <textarea>textarea</textarea> 29 <input type="button" value="input-button"> 30 <input type="submit" value="input-submit"> 31 <input type="reset" value="input-reset"> 32 <input type="range"> 33 <input type="checkbox"> 34 <input type="radio"> 35 <input type="color"> 36 <select id="drop-down-select"><option>select</option></select> 37 <select multiple><option>select-multiple</option></select> 38 <meter value=0.5></meter> 39 <progress value=0.5></progress> 40 </div>