required 可以选择和样式化任何带有required属性的<input>、<select>或<textarea>元素 valid 输入有效时的样式 invalid 输入无效时的样式 in-range 当输入的值在指定的范围限制内时 out-of-range 当输入的值超出指定范围限制时 placeholder-shown 显示占位符时设置输入样式 autofill 自动填充输入时,用户未编辑过 read-...
/** @type {import('tailwindcss').Config} */ module.exports = { corePlugins: [ 'margin', 'padding', 'backgroundColor', // ... ] } If you want to disable all of Tailwind's core plugins and use only your custom plugins, provide an empty array. /** @type {import('tailwindcss...
<option value="0">False</option> </select> 游标:cursor-[type] type 常见取值为 auto default pointer wait text move help not-allowed none context-menu progress cell crosshair vertical-text ... <div class="w-36 h-36 bg-red-500 cursor-pointer"></div> 选中 <div class="select-none">Se...
Select the pen option Select your desired color with the color dropper tool or choose from the default color options Tap (press and hold) the pen or eraser tool Long press (press and hold) the middle of your background If you uploaded a photo, use the eraser icon to see the picture un...
function Dropdown({ options, onOptionSelect }) { // Keep track of whether the dropdown is open or not. const [isActive, setActive] = useState(false); const buttonClasses = `inline-flex justify-center w-full rounded-md border border-gray-300 px-4 py-2 bg-white text-sm leading-5 fon...
<option key={c} value={c}> {c} </option> ))} </select> <button onClick={changeColor}>Change color</button> </> ); }; Summer 在CSS 中使用 Tailwind 有时需要使用 CSS 来设计样式,例如,当使用第三方库时。这时就可以通过使用@apply指令或theme函数来使用 Tailwind 颜色,下面来看一个例子: ...
OptionSupportedNotes Accent Color Appearance Cursor Caret Color Pointer Events Resize Scroll Behavior Scroll Margin Scroll Padding Scroll Snap Align Scroll Snap Stop Scroll Snap Type Touch Action User Select Will Change SVG OptionSupportedNotes Fill ...
文本颜色:text-[color]-[shade] color:颜色名称 shade:色度,取值范围为 100~900,不可对黑色或白色使用 <pclass="text-black">Color Black</p> <pclass="text-white">Color White</p> <pclass="text-red-500">Color Red 500</p> <pclass="text-blue-500">Color Blue 500</p> ...
文本颜色:text-[color]-[shade] color:颜色名称 shade:色度,取值范围为 100~900,不可对黑色或白色使用 <pclass="text-black">Color Black</p> <pclass="text-white">Color White</p> <pclass="text-red-500">Color Red 500</p> <pclass="text-blue-500">Color Blue 500</p> ...
文本颜色:text-[color]-[shade] color:颜色名称 shade:色度,取值范围为 100~900,不可对黑色或白色使用 <pclass="text-black">Color Black</p> <pclass="text-white">Color White</p> <pclass="text-red-500">Color Red 500</p> <pclass="text-blue-500">Color Blue 500</p> ...