作为联系表格7的多步骤的一部分的按钮未在移动版本上正确显示

Question

我已经在Contact Form 7中创建了一个多步骤表单。它工作得很好，除了在移动设备（我仅在iPhone上进行了测试）按钮不是我想要的样式之外，其他都很好。它必须继承我网站的主题样式。

在图片上显示了2个按钮，按钮的背面是联系表的一部分，另一个是来自网站的，因此它们有两个不同的来源。我了解背后的原因。在台式机上，一切正常，因为我使用CSS对其进行了自定义，但在移动设备上，不知道什么是最好的方法。我认为它必须与iOS Webkit一起使用。

Answer 1

您是否尝试过：

    input {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
    }

甚至只是

    input {
       -webkit-appearance: none;
    }

如果不起作用，另一个选择是添加Bootstrap。这是对我有用的方法，但是似乎大多数人都可以使用上面的代码解决它。