Update(front-end): Disabled wheel on number input using css.

Motouom · Apr 18, 2024 · ae34c48 · ae34c48
1 parent 85dfd72
commit ae34c48
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/power-pay-frontend/src/index.css b/power-pay-frontend/src/index.css
@@ -22,6 +22,7 @@ a:hover {
 }
 
 body {
+  background-color: white;
   margin: 0;
   display: flex;
   place-items: center;
@@ -64,4 +65,17 @@ button:focus-visible {
   button {
     background-color: #f9f9f9;
   }
+}
+
+/* disable wheel on number input */
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+  appearance: textfield;
 }