联系表格 7 接受框和文本 CSS 样式答案

【问题标题】：Contact form 7 acceptance box and text CSS styles [closed]联系表格 7 接受框和文本 CSS 样式
【发布时间】：2018-11-08 00:25:29
【问题描述】：

我有 CF7 WP 插件。

我在后面放了接受简码 [acceptance accept-524] 和说明文字。

我已经尝试了几种 CSS 解决方案，但我无法避免第一行的行高更高以及第一行以下的行返回

问题截图如下：

【问题讨论】：

我认为这是第一个图标，是造成那个微小空间的那个，也许如果你可以包含人们可以提供帮助的标记。
这里是代码ibb.co/cPGgLy
最好在问题中包含实际代码，最好以这种方式进行调试，而不仅仅是一张图片。
尝试编辑您的代码并将代码连同它的样式一起过去
如何向您展示所有内容（html、css 和布局）？带链接universitaeuropeadiroma.it/prenotati-test

标签： css contact-form-7

【解决方案1】：

使用这个 Css 效果很好

 .wpcf7-acceptance{



 input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-right: 15px;
    width: 20px;
}
input[type="checkbox"]:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    background: #fcfcfc;
    border: 1px solid #aaa;
    border-radius: 2px;
}


 input[type="checkbox"]:checked:before {
    background: #000;
    border-color: #000;
}
 input[type="checkbox"]:disabled {
    color: #b8b8b8;
    cursor: auto;
}
 input[type="checkbox"]:disabled:before {
    box-shadow: none;
    background: #ddd;
}
 input[type="checkbox"]:checked:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 8px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
}


 span.wpcf7-list-item{
   margin: 20px 0 0 0;
}

}

【讨论】：