html - 如何在联系表 7 中设计验收标签？

Question

我正在使用 Contact Form 7 插件开发一个 wordpress 网站。当您单击“注册”按钮时，您可以清楚地看到，我无法设置“我接受”按钮和文本的样式。我想使它们居中并有一些不错的余量。网址：https ://wattax.eu ？你能帮我设计它们的样式吗？提前致谢

我已经尝试了几个附加 CSS。

标签： htmlcsswordpresscontact-form-7

Answer 1

删除此规则行 22215：

#wpcf7-f219-p47-o1 > form > p:nth-child(34) {
  display: flex;
}

用。。。来代替：

.inputter {
  display: flex;
  justify-content: center
}

.inputter .wpcf7-list-item {
  margin-right: 1.2%;
}

.inputter input[type="checkbox"] {
  width: 20px;
  height: 20px
}

并将 p html（首先在“Nadpis”之后）更改为：

<p class="inputter">
  <span class="wpcf7-form-control-wrap acceptance-236">
    <span class="wpcf7-form-control wpcf7-acceptance optional">
      <span class="wpcf7-list-item">
        <input type="checkbox" name="acceptance-236" value="1" aria-invalid="false">
      </span>
    </span>
  </span>
  I accept
</p>

如果您错过了它，还应该“需要”附注。