Remove arrows on number input when adding items

openfoodfoundation · Apr 7, 2021 · c1f1304 · c1f1304
1 parent 1ce3103
commit c1f1304
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/app/assets/stylesheets/darkswarm/_shop-inputs.scss b/app/assets/stylesheets/darkswarm/_shop-inputs.scss
@@ -117,6 +117,13 @@ button.bulk-buy-add.variant-quantity {
   }
 }
 
+/* Hide number arrows on Chrome, Safari, Edge, Opera */
+.variant-quantity::-webkit-outer-spin-button,
+.variant-quantity::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
 .variant-bulk-buy-price-summary {
   color: $disabled-med;
   margin-bottom: 1em;