From b93d016a778e71912c6801164bc8ed36af1f0a74 Mon Sep 17 00:00:00 2001 From: Maciej Ziarkowski <maciej.ziarkowski@gmail.com> Date: Thu, 11 Mar 2021 19:10:26 +0000 Subject: [PATCH] Only show number input arrows in Firefox on hover --- app/src/frontend/styles/forms.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/app/src/frontend/styles/forms.css b/app/src/frontend/styles/forms.css index d8916c50..d601573e 100644 --- a/app/src/frontend/styles/forms.css +++ b/app/src/frontend/styles/forms.css @@ -12,6 +12,15 @@ input[type="email"] { input[type="number"] { padding-right: 0.25rem; } + +/* Only show number input controls on hover in Firefox */ +input[type="number"] { + -moz-appearance: textfield; +} +input[type="number"]:hover:not(:disabled) { + -moz-appearance: unset; +} + form .alert { margin: 0.5rem 0; }