aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAaron LI <aaronly.me@outlook.com>2016-11-23 20:00:50 +0800
committerAaron LI <aaronly.me@outlook.com>2016-11-23 20:01:27 +0800
commite61c373c992245c06434230cb489fb127a87f2fd (patch)
tree65f941b5ae3b137a5b72e2664f2639b4fe88e0dd
parentd6c0c5e4d102365f64373dd0c5df305424484bc1 (diff)
downloadfg21sim-e61c373c992245c06434230cb489fb127a87f2fd.tar.bz2
webui: main.css: Hide the spinner in "number" input
Tested on both Firefox (v45.4) and Chromium (v53.0). Credit: https://stackoverflow.com/a/23374725/4856091
-rw-r--r--fg21sim/webui/static/css/main.css13
1 files changed, 13 insertions, 0 deletions
diff --git a/fg21sim/webui/static/css/main.css b/fg21sim/webui/static/css/main.css
index 4ebac58..67f324b 100644
--- a/fg21sim/webui/static/css/main.css
+++ b/fg21sim/webui/static/css/main.css
@@ -39,6 +39,19 @@ td, th {
}
/**
+ * Hide the spinner in "number" input
+ * Credit: https://stackoverflow.com/a/23374725/4856091
+ */
+input[type="number"] {
+ -moz-appearance: textfield;
+}
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+/**
* Screen reader only
* Credit: refs.(2, 3)
*/