From 28e1717cf9441ad6c6b3097107d311176ace5023 Mon Sep 17 00:00:00 2001 From: Samuel Mannehed Date: Mon, 13 Jan 2025 00:05:35 +0100 Subject: [PATCH] Remove number picker's increase/decrease buttons We can't style them, and they don't fit the noVNC CSS style - we are better off without them. --- app/styles/input.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/app/styles/input.css b/app/styles/input.css index 3624ce96..02eb7cf2 100644 --- a/app/styles/input.css +++ b/app/styles/input.css @@ -88,6 +88,20 @@ textarea { vertical-align: baseline; /* Firefox gives "text-bottom" by default */ } +/* ------- NUMBER PICKERS ------- */ + +/* We can't style the number spinner buttons: + https://github.com/w3c/csswg-drafts/issues/8777 */ +input[type=number]::-webkit-inner-spin-button, +input[type=number]::-webkit-outer-spin-button { + /* Get rid of increase/decrease buttons in WebKit */ + appearance: none; +} +input[type=number] { + /* Get rid of increase/decrease buttons in Firefox */ + appearance: textfield; +} + /* ------- BUTTON ACTIVATIONS -------- */ /* A color overlay that depends on the activation level. The level can then be