placeholder-gray-400实际的类名全程为.placeholder-pink-400::placeholder表示文本占位符的颜色color: #f687b3;。 带边框 带边框取消了阴影shadow取而代之的是border,适合在纯色背景中使用。 白底带边框 <inputtype="text"class="relative outline-none border border-gray-400 rounded py-1 px-2 w-full bg-wh...
<p class="underline decoration-green-500">UlColor Green 500</p> 边框颜色:border border-[color]-[shade] border:添加边框 <input type="text" class="border" /> <input type="text" class="border border-red-500" /> <input type="text" class="border border-green-500" /> 间隔颜色:divide...
uppercase, lowercase, capitalize:转换文本大小写。 举例说明: <p> Styled text </p> Tailwind Colors Tailwind CSS 提供了可自定义的默认调色板。颜色由颜色名称和阴影组合而成。 bg-{color}-{shade}:设置背景颜色。 text-{color}-{shade}:设置文本颜色。 border-{color}-{shade}:设置边框颜色。 举例说明:...
border-currentborder-color: currentColor; border-black--tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); border-white--tw-border-opacity: 1; border-color: rgba(255, 255, 255, var(--tw-border-opacity)); ...
<input type="email" id="email" class="block w-full mt-1 text-sm bg-gray-50 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm" placeholder="example@example.com"> ...
<div 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" ...
例如在配置文件中,有一个borderWidth的配置如下 代码语言:javascript 复制 borderWidth:{DEFAULT:'1px',0:'0px',2:'2px',4:'4px',8:'8px',}, 这看上去像是一个 css 属性,又像是一个配置项,那么我们可以去官方文档的如下地址中,直接查这个单词. 点开之后发现,这里确实是一个属性值。并且具体的缩写与...
border-radius:?50%;??background-color:?rgba(255,?255,?255,?0.9);??transition:?all?.2s?ease-in-out;??position:?absolute;??left:?2px;??top:?2px;}input[type="checkbox"]?{??display:?none;}input[type="checkbox"]:checked?+?label?.switch?{??background-color:?#D10;}...
Ant Design Vue：Taro UI：各方案对比 为什么国内类似方案Tailwind CSS 那样流行起来 往期干货 【前端行业...
-- Using form state modifiers, the classes can be identical for every input --><inputtype="text"value="tbone"disabledclass="mt-1 block w-full px-3 py-2 bg-white border border-slate-300 rounded-md text-sm shadow-sm placeholder-slate-400...