<!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>