feat(Input): disable controls for type="number" (#5607)

VKCOM · Aug 11, 2023 · 4753a6c · 4753a6c
1 parent fdf9a83
commit 4753a6c
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/packages/vkui/src/components/Input/Input.module.css b/packages/vkui/src/components/Input/Input.module.css
@@ -28,6 +28,20 @@
   background: transparent;
 }
 
+/*
+ * Отключаем нативные элементы для <input type="number" />
+ *
+ * см. https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp
+ */
+.Input__el::-webkit-outer-spin-button,
+.Input__el::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+
+.Input__el[type='number'] {
+  -moz-appearance: textfield;
+}
+
 .Input--sizeY-compact .Input__el {
   height: var(--vkui--size_field_height--compact);
 }