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

Css 作为联系人表单7多步骤的一部分的按钮在移动版本上未正确显示,css,wordpress,button,styles,contact-form,Css,Wordpress,Button,Styles,Contact Form,我已经在联系人表单7中创建了一个多步骤表单。它工作得很好,除了在移动设备上(我只在iPhone上测试过)按钮不是我想要的样式之外,一切都很好。这是必要的,它继承了我的网站的主题风格 图中显示了两个按钮,按钮背面是联系人表单的一部分,另一个来自网站,因此它们有两个不同的来源。我理解背后的原因。在桌面上所有的工作都很好,因为我用CSS定制了它,但是对于移动设备,我不知道什么是最好的方法。我认为它与iOS webkit有关。您是否尝试过: input { -webkit-app

我已经在联系人表单7中创建了一个多步骤表单。它工作得很好,除了在移动设备上(我只在iPhone上测试过)按钮不是我想要的样式之外,一切都很好。这是必要的,它继承了我的网站的主题风格

图中显示了两个按钮,按钮背面是联系人表单的一部分,另一个来自网站,因此它们有两个不同的来源。我理解背后的原因。在桌面上所有的工作都很好,因为我用CSS定制了它,但是对于移动设备,我不知道什么是最好的方法。我认为它与iOS webkit有关。

您是否尝试过:

    input {
       -webkit-appearance: none;
       -moz-appearance: none;
       appearance: none;
    }
甚至只是

    input {
       -webkit-appearance: none;
    }
如果这不起作用,另一个选择是添加。这对我来说很有用,但似乎大多数人都能用上面的代码解决它