Update css for input:range

This commit is contained in:
oc 2018-10-26 23:02:55 +08:00
parent 00e2a79840
commit 2c64452da1
2 changed files with 14 additions and 2 deletions

View File

@ -57,7 +57,13 @@
<input id="appendConfirm" type="button" value="追加"/>
</p>
<p>
色相:<input id='changeColorInput' type="range" min="0" max="12" step="1" value="0">
色相:<input id='changeColorInput' type="range" min="0" max="12" step="1" value="0" list="huelists" style="width: 60%;margin-left: 3%;vertical-align: middle">
<datalist id="huelists" style="display: none">
<option value="0"/><option value="1"/><option value="2"/>
<option value="3"/><option value="4"/><option value="5"/>
<option value="6"/><option value="7"/><option value="8"/>
<option value="9"/><option value="10"/><option value="11"/><option value="12"/>
</datalist>
</p>
<div id="appendPicCanvas" style="position:relative;overflow: auto;height:470px;">
<canvas style="position:absolute"></canvas><!-- 用于画出灰白相间背景 -->

View File

@ -56,7 +56,13 @@
<input id="appendConfirm" type="button" value="追加"/>
</p>
<p>
色相:<input id='changeColorInput' type="range" min="0" max="12" step="1" value="0">
色相:<input id='changeColorInput' type="range" min="0" max="12" step="1" value="0" list="huelists" style="width: 60%;margin-left: 3%;vertical-align: middle">
<datalist id="huelists" style="display: none">
<option value="0"/><option value="1"/><option value="2"/>
<option value="3"/><option value="4"/><option value="5"/>
<option value="6"/><option value="7"/><option value="8"/>
<option value="9"/><option value="10"/><option value="11"/><option value="12"/>
</datalist>
</p>
<div id="appendPicCanvas" style="position:relative;overflow: auto;height:470px;">
<canvas style="position:absolute"></canvas><!-- 用于画出灰白相间背景 -->