Чтобы удалить стрелки ввода чисел в Tailwind, вы можете использовать следующие методы:
-
Настройка CSS. Вы можете указать элемент ввода числа с помощью CSS и скрыть стрелки с помощью свойства
appearance. Например:/* Hide number input arrows */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } -
Служебные классы: Tailwind предоставляет служебные классы, которые позволяют настраивать внешний вид элементов. Вы можете использовать класс
appearance-none, чтобы удалить стили браузера по умолчанию для элементов ввода. Например:<input type="number" class="appearance-none" /> -
Манипулирование JavaScript. Вы также можете использовать JavaScript для программного удаления стрелок ввода чисел. Вот пример использования jQuery:
$(document).ready(function () { $('input[type="number"]').on('focus', function () { $(this).on('mousewheel', function (e) { e.preventDefault(); }); }); });Этот код предотвращает действие прокрутки при событиях колесика мыши для элементов ввода чисел.