Mengenauswahl Input Styling angepasst

apps/shared/components/quantity-selector/src/lib/quantity-selector.component.css

@@ -20,8 +20,19 @@
   @apply border-brand;
 }
 
-input {
+input[type='number'] {
   @apply focus:outline-none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  -o-appearance: none;
+  appearance: none;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
 }
 
 input.ng-dirty.ng-invalid {

apps/shared/components/quantity-selector/src/lib/quantity-selector.component.html

@@ -15,7 +15,7 @@
         cdkMenuGroup
         *ngIf="maxValue > 10"
         class="h-12 w-full text-center"
-        type="text"
+        type="number"
         placeholder="10+"
         (keydown)="$event.stopPropagation()"
         [formControl]="quantityControl"