| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>Reference: appearance: auto</title> |
| <style> |
| #container { width: 500px; } |
| #container > :not(a) { appearance: auto; -webkit-appearance: auto; } |
| </style> |
| <div id="container"> |
| <a>a</a> |
| <button>button</button> |
| <input type="text" value="input-text"> |
| <input type="search" value="input-search"> |
| <textarea>textarea</textarea> |
| <input type="button" value="input-button"> |
| <input type="submit" value="input-submit"> |
| <input type="reset" value="input-reset"> |
| <input type="range"> |
| <input type="checkbox"> |
| <input type="radio"> |
| <input type="color"> |
| <select><option>select</option></select> |
| <select multiple><option>select-multiple</option></select> |
| <meter value=0.5></meter> |
| <progress value=0.5></progress> |
| </div> |