属于联系表 7 多步骤一部分的按钮在移动版本上无法正确显示

Question

我在 Contact Form 7 中创建了一个多步骤表单。它运行良好，除了在移动设备上（我只在 iPhone 上测试过）按钮不是我想要的样式之外，一切都很好。 它必须继承我网站的主题风格。

图片上显示了2个按钮，按钮背面是Contact Form的一部分，另一个来自网站，因此它们有两个不同的来源。 我明白背后的原因。 在桌面上一切正常，因为我使用 CSS 对其进行了自定义，但对于移动设备，不知道什么是最好的方法。 我认为它必须与 iOS webkit 相关。

Answer 1

你有没有尝试过：

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

甚至只是

    input {
       -webkit-appearance: none;
    }

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