DEV Community
·
为什么按钮失去了手型光标？ShadCN与Tailwind的争论
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
开发者发现ShadCN v4和Tailwind CSS v4中的按钮在悬停时不再显示手型光标，这一设计选择打破了用户的预期。虽然在GitHub上提出了问题，但并非bug。用户可以通过自定义CSS恢复光标变化，期望所有可点击元素都有此效果。
🎯
关键要点
- 开发者发现ShadCN v4和Tailwind CSS v4中的按钮在悬停时不再显示手型光标。
- 这一设计选择打破了用户的预期，点击按钮时没有熟悉的手型光标让人感觉不适。
- 在GitHub上提出了相关问题，但这一变化并不是bug，而是故意的设计选择。
- 用户可以通过自定义CSS恢复光标变化，确保可点击元素显示手型光标。
- UX StackExchange讨论指出，传统GUI按钮依赖视觉提示而非光标来暗示交互性。
- Web应用程序是混合界面，用户期望所有可点击元素都有光标变化的视觉提示。
- Tailwind v4默认移除了按钮的cursor: pointer属性，这是基于传统用户体验逻辑的故意选择。
❓
延伸问答
为什么ShadCN v4和Tailwind CSS v4中的按钮不再显示手型光标？
这是一个故意的设计选择，而不是bug，按钮现在默认使用普通光标。
用户如何恢复按钮的手型光标？
用户可以通过自定义CSS来恢复光标变化，确保可点击元素显示手型光标。
这一设计选择对用户体验有什么影响？
缺少手型光标打破了用户的预期，可能导致用户在点击按钮时感到不适。
Tailwind v4中按钮的光标变化是基于什么逻辑？
这一变化根植于传统用户体验逻辑，原本GUI按钮依赖视觉提示而非光标来暗示交互性。
在Web应用程序中，用户对可点击元素的期望是什么？
用户期望所有可点击元素都有光标变化的视觉提示，以增强交互性。
为什么传统GUI按钮不使用手型光标？
传统GUI按钮通常依赖视觉提示（如阴影）来暗示交互性，而手型光标主要用于超链接。
➡️
