获得以下效果的好方法是：“输入前”和“输入后”按钮？

Question

浏览器似乎不喜欢使用: use和:after for submit按钮，我猜这与防点击劫持有关。然而，它基本上破坏了我试图实现的一种特定风格，而我复制效果的替代方案也很糟糕。

如何在不使用脚本的情况下产生类似于：“提交前”和“后”按钮的效果？我能够生成额外的元素(通过。服务器脚本)，如果需要的话，对于每个submit按钮的出现。理想情况下，不是包装器元素，但我可以使这些工作。

Answer 1

使用<button type="submit">元素，这样如果您只需要更多DOM节点，就可以在按钮中添加额外的<span>元素。

元素。

Answer 2

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

下面是在<span>上使用的一些示例：

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

小提琴