html - 什么是获得输入提交按钮的 :before 和 :after 效果的好方法？

Question

似乎浏览器特别不喜欢使用 :before 和 :after 提交按钮，我猜这与防止点击劫持有关。但是，它基本上破坏了我想要实现的特定风格，而且我复制效果的替代方案很差。

如何在不使用脚本的情况下为提交按钮生成类似于 :before 和 :after 的效果？如果需要，我可以为每次出现的提交按钮生成其他元素（通过服务器脚本）。理想情况下不是包装元素，但我可以使这些工作。

Answer 1

如果您只需要更多 DOM 节点，请使用一个<button type="submit">元素，以便您可以在按钮中添加其他元素。<span>

:before也适用于button元素。

Answer 2

您可以使用<span>或<div>元素。

以下是使用<span>on 的一些示例：

• <input type="text"/>
• <input type="submit"/>
• <button type="button">
• <button type="submit">

小提琴