Reset Search Input

Class	Properties
reset-search-input	&::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration { -webkit-appearance: none; }

Usage

Single import

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

import { resetSearchInput } from "tailwindcss-addons"

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

Multi import

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

import tailwindcssAddons from "tailwindcss-addons"

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

Options

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

`base`

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

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