在我的 Wordpress 网站开发中使用联系表单 7，我注意到移动设备的按钮不同，所以在搜索之后，我找到了-webkit-appearance: none;的解决方案，我将其应用于元素input.wpcf7-form-control.wpcf7-submit。
该样式已被应用，因为它在我检查元素时显示出来，但在移动设备上没有任何变化。
我应该把它应用到不同的元素吗？
3
你应该试试这个代码：
input.wpcf7-form-control.wpcf7-submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
考虑添加!important，如果它仍然不工作。
3
sorry for the super late answer。这个类似乎确实是正确的。Temani 的答案也是一个很好的建议更广泛的浏览器兼容性。但是,有时,即使像 Safari 这样的浏览器支持,使用前缀-webkit-也没有效果。所以,我将给你两个答案:
对于submit input的情况-您的情况-，您可以简单地给出所需的背景和边框属性，这将覆盖浏览器的默认 css 属性。不需要appearanceproperty。但是您可能需要定义按钮的每个状态，包括：active和：hover
对于复选框和单选按钮，问题的解决方法是使用可见性：隐藏隐藏输入，并使用：前和 / 或：后创建替代检查或收音机，这也需要可见性：可见
注意：记住：前和：后关联到输入将仅在 Chrome 和 Safari 中工作，并且仅与属性外观：无
希望这有帮助
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（20条）