-webkit-外观:无;不适用于按钮

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

在我的 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 中工作,并且仅与属性外观:无

希望这有帮助

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(770)
ubuntu16.04上的WebEx配置
上一篇
生成名词的复数形式(plural of form)
下一篇

相关推荐

发表评论

登录 后才能评论

评论列表(60条)