Reset Number Input

Class	Properties
reset-number-input	&::-webkit-outer-spin-button, &::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; -moz-appearance: textfield; }

Usage

Single import

// tailwind.config.js | tailwind.config.ts

import { resetNumberInput } from "tailwindcss-addons"

export default {
    plugins: [resetNumberInput()],
}

Multi import

// tailwind.config.js | tailwind.config.ts

import tailwindcssAddons from "tailwindcss-addons"

export default {
    plugins: [
        ...tailwindcssAddons({
            resetNumberInput: false, // Enabled by default
        }),
    ],
}

Options

function resetNumberInput(options?: { base?: boolean })

`base`

If set to true the reset-number-input class gets included in the base styles as:

input[type="number"] {
    @apply reset-number-input;
}