| <style> | |
| input { -webkit-appearance: none; background: silver; height: 20px; width: 200px; } | |
| input::-webkit-slider-thumb { -webkit-appearance: none; background: green; width: 10px; height: 50%; } | |
| </style> | |
| <p>The slider thumb below has a height specified as 50%. It should be a 10 pixel square.</p> | |
| <input type="range"> |