css - -webkit-外观 : none; not working for button

Question

在我的 Wordpress 网站开发中使用联系表单 7，我注意到移动设备的按钮不同，所以在搜索之后我找到了 -webkit-appearance: none; 的解决方案，我将其应用于元素 input.wpcf7-form-control.wpcf7-submit。

样式已被应用，因为它会在我检查元素时显示出来，但在移动设备上没有任何变化。

我应该将它应用于不同的元素吗？

Answer 1

你应该试试这段代码:

input.wpcf7-form-control.wpcf7-submit {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}

如果它仍然不起作用，请考虑添加 !important。