Html input.submit上的伪元素

我非常仔细地学习了一些使用伪元素制作小CSS三角形的技术

我成功地将这些应用于标题（以及links-view here；），但当我尝试对注册表单执行相同操作时，我无法获得要渲染的三角形

在同一链接的底部，你会看到我的注册表格，没有三角形！几个小时来我一直在挠头

HTML如下所示：

<p>Name <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-text wpcf7-validates-as-required name" size="10" /></span> Email <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required email" size="10" /></span> <input type="submit" value="Subscribe" class="wpcf7-submit submit" />

---

您可以通过阅读链接的“可能的重复项”来了解此操作不起作用的原因：

但是，在您的情况下，有一个解决方法：

更改：

<input type="submit" value="Subscribe">

致：

订阅

可能重复之前在同一问题上花费了太多时间，认为我的代码一定出了问题。如果我能控制html输出，那就有办法解决了！表格由WP上的联系人表格7运行。。。真倒霉<代码>比

灵活得多，这太糟糕了，他们做出了这样的选择。您几乎必须编辑HTML或使用JavaScript。您可以编辑插件，只需确保您保存为不同的名称/文件夹，以避免被更新覆盖，并考虑版权的影响。还将更改作为建议反馈给插件所有者

<input type="submit" value="Subscribe">

<button type="submit">Subscribe</button>