31 lines
1.0 KiB
HTML
31 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head></head>
|
|
<body>
|
|
<input type=range list=foo style="width: 100px; padding: 0 40px; -webkit-transform: scale(1.5) translate(10px, 100px) rotate(-45deg);" value=20 />
|
|
<div style="display: inline-block; -webkit-transform: scale(1.5) translate(10px, 100px) rotate(-45deg);">
|
|
<input type=range list=foo style="width: 100px; padding: 0 40px;" value=20 />
|
|
</div>
|
|
<div style="display: inline-block; -webkit-transform: scale(1.5) translate(10px, 100px) rotate(-45deg);">
|
|
<div style="display: inline-block; -webkit-transform: scale(0.75) translate(10px, 100px) rotate(-45deg);">
|
|
<input type=range list=foo style="width: 100px; padding: 0 40px;" value=20 />
|
|
</div>
|
|
</div>
|
|
<datalist id=foo>
|
|
<option>0</option>
|
|
<option>10</option>
|
|
<option>20</option>
|
|
<option>30</option>
|
|
<option>40</option>
|
|
<option>50</option>
|
|
<option>60</option>
|
|
<option>70</option>
|
|
<option>100</option>
|
|
</datalist>
|
|
</body>
|
|
</html>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText(true);
|
|
</script>
|