如何用CSS让提交按钮加载动画，结合:active和::after动画实现？

本文共计874个文字，预计阅读时间需要4分钟。

直接使用 `active` 无法维持加载中视觉感，因为该伪类只在鼠标按下/屏幕按下时生效，松开即消失。真正需要的是：

正确做法是用 JavaScript 主动给按钮添加一个类（比如 is-loading），再用 CSS 控制该类下的样式和 ::after 动画。否则纯靠 :active + ::after，你永远看不到“转圈”，它一闪就没了。

如何用 ::after 实现不遮挡文字的加载图标

::after 默认是行内元素，直接加 content 和 animation 容易撑开按钮、覆盖文字或错位。