Only show number input arrows in Firefox on hover

2021-03-11 19:10:26 +00:00 · 2021-03-11 19:10:26 +00:00 · b93d016a77
commit b93d016a77
parent b225a21f41
1 changed files with 9 additions and 0 deletions
--- 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;
 }