占位符(placeholder) Tailwind提供了.placeholder-前缀的工具类用于设置占位符的颜色和透明度 .placeholder-{color}-{size}用于设置占位符的颜色 .placeholder-opacity-{number}用于设置占位符文本的透明度,透明度从低到高被等分为5个等级。 畅享全文阅读体验 扫码后在手机中选择通过第三方浏览器下载...
Placeholder Color 占位文字颜色 Utilities for controlling the color of placeholder text. .placeholder-{color} Placeholder Opacity 占位文字透明度 Utilities for controlling the opacity of an element'splaceholdercolor. .placeholder-opacity-{amount} Text Alignment 用于设置文本对齐 Utilities for controlling the a...
placeholderOpacity The placeholder color opacity utilities like placeholder-opacity-25 pointerEvents The pointer-events utilities like pointer-events-none position The position utilities like absolute preflight Tailwind's base/reset styles resize The resize utilities like resize-y ringColor The ring-color ...
一、文字font-size单位改成px tailwindcss 默认给开发者提供了一些文字大小相关的类 fontSize: { xs: ['0.75rem', { lineHeight: '1rem' }], sm: ['0.875rem', { lineHeight: '1.25rem' }], base: ['1rem', { lineHeight: '1.5rem' }], lg: ['1.125rem', { lineHeight: '1.75rem' }],...
placeholderColor The placeholder color utilities like placeholder-red-600 placeholderOpacity The placeholder color opacity utilities like placeholder-opacity-25 placeItems The place-items utilities like place-items-end placeSelf The place-self utilities like place-self-end pointerEvents The pointer-events ...
{body:'#5A5A5A',heading:'#212121',input:'#1D1E1F',black:'#000',white:'#fff',linen:'#FBF1E9',linenSecondary:'#ECE7E3',olive:'#3D9970',maroon:'#B03060',brown:'#C7844B',placeholder:'#707070',borderBottom:'#f7f7f7',facebook:'#4267B2',facebookHover:'#395fad',google:'#4285...
className="border-4 bg-black text-white hover:bg-blue-600 hover:text-fuchsia-500 size-40 text-center "> twd css hover </div> <button class="bg-sky-500 active:bg-pink-500">button</button> <input type="text" class="px-2 outline focus:outline-2 focus:outline-sky-500" placeholder="...
placeholder="266px"> </div> <div class="bg-blue-200 py-2"> <label class="block">Label 2</label> <input type="text" class="rounded-lg border border-gray-400 py-2 w-full" placeholder="254px"> </div> <div class="bg-blue-200 py-2"> <label class="block">Label 3</label> ...
Font Family Font Size Font Smoothing Font Style Font Weight Font Variant Numeric Letter Spacing Line Height List Style Type List Style Position Placeholder Color Placeholder Opacity Text Align Text Color Text Opacity Text Decoration Text Transform Text Overflow Vertical Align Whitespace Word Break Backgrou...
Modifier CSS Property .hover: element:hover{} .focus: element:focus{} .visited: element:visited{} .before element::before{} .after element::after{} .first-line: element::first-line{} .placeholder: element::placeholder{}