From 2c64452da1cf9d3b8148f14e9646b10ad50cced4 Mon Sep 17 00:00:00 2001
From: oc <ckcz123@126.com>
Date: Fri, 26 Oct 2018 23:02:55 +0800
Subject: [PATCH] Update css for input:range

---
 editor-mobile.html | 8 +++++++-
 editor.html        | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/editor-mobile.html b/editor-mobile.html
index 2ceee529..73f42afa 100644
--- a/editor-mobile.html
+++ b/editor-mobile.html
@@ -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><!-- 用于画出灰白相间背景 -->
diff --git a/editor.html b/editor.html
index ac6381aa..93013a07 100644
--- a/editor.html
+++ b/editor.html
@@ -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><!-- 用于画出灰白相间背景 -->