// 先写一个动画实现从禁用到可点击的变化
@keyframes throttle {
from {
pointer-events: none;
}
to {
pointer-events: all;
}
}
// 然后将动画绑定到按钮上
button{
animation: throttle 2s step-end forwards;
}
// 点击时候将动画清空，点击后动画开始
button:active{
animation: none;
}
纯css按钮禁用
2023-05-25
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 项目背景：一个保存按钮，为了避免重复提交或者服务器考虑，往往需要对点击行为做一定的限制，比如只允许每300ms提交...
