tailwindlabs/tailwindcss-forms
Tailwindcss Forms
这是一个 Tailwind CSS 插件，为不同 Web 浏览器中的表单控件提供了标准化的基准。它作为一个 CSS 表单样式重置工具，移除了输入框、复选框和单选按钮中不一致的浏览器默认外观，为实用优先（utility-first）的样式设计建立了中性基础。
该系统允许采用配置驱动的应用程序策略，用户可以选择样式重置是全局应用于所有匹配的 HTML 元素，还是仅应用于具有特定类的元素。这种灵活性使得将标准化的表单样式应用于非表单组件成为可能，从而保持视觉一致性。
该插件与中央主题配置集成，将重置值映射到设计令牌（design tokens）。它利用基于 PostCSS 的样式注入在构建过程中生成 CSS 规则，从而促进使用原子类创建自定义表单组件。
Features
- Form - Provides a neutral baseline for form controls by removing inconsistent browser-default styles.
- Tailwind Plugin Extensions - Extends the Tailwind CSS build pipeline to inject base styles that reset form defaults.
- Form Input Components - Establishes a consistent baseline for designing custom input fields and checkboxes across browsers.
- Form Styling - Applies a uniform, cross-browser base appearance to all native form elements.
- Style Resets - Removes default browser styling from input fields, checkboxes, and radio buttons.
- Utility-First Styling - Enables rapid form styling using atomic utility classes without writing custom CSS.
- Design Token Theming - Integrates form reset values with a central theme configuration via design tokens.
- Style Sheet Injection - Generates and injects CSS rules into the stylesheet during the PostCSS build process.
- Utility-First CSS Frameworks - Implements a utility-first approach to provide a normalized foundation for form control styling.
- Framework Plugins - Provides better default styling for native form elements.
