Question

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

我正在使用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>

Answer 1

如果没有链接到发生故障的复选框，将很难进行故障排除。但是，如果我大胆猜测，您可以尝试以下CSS：

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

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

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

1 个答案: