我需要创建一个模拟其中一些行为的按钮:https://fezvrasta.github.io/bootstrap-material-design/#button
但不是 <button>标记，<input type="submit">标签。但是，这个没有任何 :before或 :after元素。我将如何实现它？
最佳答案
你是对的，没有像:before这样的伪元素和 :after适用于 <input type="submit" /> .为什么是<button type="submit">对你不好吗？
目前我唯一能想到的方法是使用 Javascript。如果单击按钮，您可以创建一个新元素，附加与按钮相同大小的元素并将其放置在它的顶部。插入与输入标签相同的文本。在这个新创建的元素中，您可以放置圆圈并为其设置动画。一旦动画停止，您就可以再次将其从 DOM 中移除。我希望你明白我的意思。
对于这么小的事情来说，这听起来工作量太大了。
//编辑: 如果您想尝试我的建议，您需要确保在新元素内复制的文本位于气泡/圆圈动画之上。
关于html - Animate Material design 在 <input type ="submit"> 上点击动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28227872/