cursor-pointer cursor: pointer; cursor-wait cursor: wait; cursor-text cursor: text; cursor-move cursor: move; cursor-help cursor: help; cursor-not-allowed cursor: not-allowed; cursor-none cursor: none; cursor-context-menu cursor: context-menu; ...
type="submit" class="px-4 py-2 bg-blue-500 text-white rounded-lg disabled:opacity-50 disabled:cursor-not-allowed" disabled > <svg class="animate-spin h-5 w-5" viewBox="0 0 24 24"><!-- 加载图标 SVG --></svg> 提交中... 最佳实践 表单布局 用户名 <!-- 更多表单字段...
"pointer-events-none opacity-60 hover:cursor-not-allowed" : "" }border border-white/60 min-h-[120px] max-h-[240px] rounded-xl flex p-[15px] mt-4`} > <textarea className="m-0 resize-none box-border flex-1 h-full bg-transparent overflow-y-auto focus:ring-0 focus-visible:ring...
className={`${classNames(isLoading)?"pointer-events-none opacity-60 hover:cursor-not-allowed":""}border border-white/60 min-h-[120px] max-h-[240px] rounded-xl flex p-[15px] mt-4`}><textarea className="m-0 resize-none box-border flex-1 h-full bg-transparent overflow-y-auto focu...
正在使用的技术是-ReactJS, Tailwind CSS 以下是使用的类的示例代码片段: Click me 注意:disableIt是用于禁用或启用按钮的状态 我的tailwind.config.js文件的变体部分如下: variants: { opacity: ({ after }) => after(["disabled"]), backgroundColor: ({ after }) => after([...
游标:cursor-[type] type 常见取值为 auto default pointer wait text move help not-allowed none context-menu progress cell crosshair vertical-text ... 选中 Select None Select Text Select All Select Auto 平滑滚动示例 <!DOCTYPE html> <!-- ... --> ...
cursor-not-allowed cursor: not-allowed; cursor-none cursor: none; cursor-context-menu cursor: context-menu; cursor-progress cursor: progress; cursor-cell cursor: cell; cursor-crosshair cursor: crosshair; cursor-vertical-text cursor: vertical-text; cursor-alias cursor: alias; cursor-copy cursor: ...
在这个 Demo 中,我们使用了 Tailwind CSS 的 container 类来创建一个响应式的容器,并且使用了 grid 类来创建一个网格系统。grid-cols-1 表示列数为 1,md:grid-cols-2 表示在中等大小的屏幕上列数为 2,lg:grid-cols-3 表示在大屏幕上列数为 3。
<textarea className="m-0 resize-none box-border flex-1 h-full bg-transparent overflow-y-auto focus:ring-0 focus-visible:ring-0 leading-7 w-full text-white" />
Button 3D Button Button Elevated Button Button Groups Prev Next