时间戳

首页 > 解决方案 > 复选框不可用 - 联系表格 7 - Wordpress - MDBootstrap

wordpress - 复选框不可用 - 联系表格 7 - Wordpress - MDBootstrap

问题描述

伙计们，我以同样的方式有一个非常简单但复杂的问题。

我正在使用 MDB 框架（Bootstrap 材料设计）构建我的自定义 wordpress 主题。

当我通过 wordpress cf7 来实现我的表单时，两种样式发生冲突。产生复选框显示但无法使用的问题。

我在 google 上逛了很多，但我没有找到任何解决方案。

我该如何解决这个问题？

mdb 中的复选框：

<!-- Default checked -->
<div class="custom-control custom-checkbox">
  <input type="checkbox" class="custom-control-input" id="defaultChecked2" checked>
  <label class="custom-control-label" for="defaultChecked2">Default checked</label>
</div>

cf7 中的复选框：

<div class="custom-control custom-checkbox">
  <label class="custom-control-label" for="defaultChecked2">Default checked</label>
  [checkbox checkbox-887 id:defaultChecked2 class:custom-control-input]
</div>

标签： wordpresscontact-form-7mdbootstrap

解决方案

如果没有指向故障复选框的链接，将很难进行故障排除。但是，如果我大胆猜测，你可以试试这个 CSS：

input[type="checkbox"] { 
-webkit-appearance: checkbox; 
}

将该 CSS 添加到主题的 CSS 中。如果失败，请向我们发送链接。

推荐阅读