<input type="submit"> 上的动画材质设计点击动画
Animate Material design click animation on <input type="submit">
我需要创建一个模拟其中一些行为的按钮：https://fezvrasta.github.io/bootstrap-material-design/#button
但不是 <button> 标签，而是 <input type="submit"> 标签。但是，这个没有任何 :before 或 :after 元素。我将如何实施它？
没错，<input type="submit" /> 没有像 :before 和 :after 这样的伪元素可用。为什么 <button type="submit"> 不适合你？
目前我唯一能想到的方法就是使用Javascript。如果单击按钮，您可以创建一个新元素，附加与按钮相同大小的元素并将其放置在它的顶部。插入与输入标签相同的文本。在这个新创建的元素中，您可以放置圆圈并为其设置动画。一旦动画停止，您可以再次将其从 DOM 中删除。我希望你明白我的意思。
对于这么小的事情来说，这听起来工作量太大了。
// 编辑：
如果您想尝试我的建议，您需要确保在新元素中复制的文本位于 bubble/circle 动画上方。
我需要创建一个模拟其中一些行为的按钮：https://fezvrasta.github.io/bootstrap-material-design/#button
但不是 <button> 标签，而是 <input type="submit"> 标签。但是，这个没有任何 :before 或 :after 元素。我将如何实施它？
没错，<input type="submit" /> 没有像 :before 和 :after 这样的伪元素可用。为什么 <button type="submit"> 不适合你？
目前我唯一能想到的方法就是使用Javascript。如果单击按钮，您可以创建一个新元素，附加与按钮相同大小的元素并将其放置在它的顶部。插入与输入标签相同的文本。在这个新创建的元素中，您可以放置圆圈并为其设置动画。一旦动画停止，您可以再次将其从 DOM 中删除。我希望你明白我的意思。
对于这么小的事情来说，这听起来工作量太大了。
// 编辑： 如果您想尝试我的建议，您需要确保在新元素中复制的文本位于 bubble/circle 动画上方。