From e61c373c992245c06434230cb489fb127a87f2fd Mon Sep 17 00:00:00 2001 From: Aaron LI Date: Wed, 23 Nov 2016 20:00:50 +0800 Subject: 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 --- fg21sim/webui/static/css/main.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'fg21sim/webui/static/css') 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 @@ -38,6 +38,19 @@ td, th { text-align: center; } +/** + * 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) -- cgit v1.2.2