tailwind-textform-fill
v0.8.3
Published
🎨 TailwindCSS utility to override foreground fill color of text content.
Downloads
266
Maintainers
Readme
🎨 tailwind-textform-fill
![GitHub license][license badge]
TailwindCSS utility to override foreground fill color of text content, is especially useful to style autocompleted form fields with [tailwindcss-autofill] because color won't work.
Requirements
Node.js 12+
TailwindCSS 2+
Install
yarn add tailwind-textform-fillOr if you use npm:
npm i --save tailwind-textform-fillUsage
Add to plugins in your tailwind.config.js:
module.exports = {
// ...
plugins: [
require("tailwind-textform-fill"),
// ...other plugins.
],
};Style your components using text-fill-{color}, e.g. text-fill-gray-100, text-fill-gray-200, text-fill-red-500, etc.
<input className="text-fill-gray-900 dark:text-fill-gray-100" />