css - [type = checkbox]:选中的内容:“x”；

我在这里遇到CSS选择器问题：http://hrrrthrrr.com.s153901.gridserver.com/heyheyok/contact/

基本上，“选中所有适用项”部分在选中时应在输入左侧的小灰色框中输入“ x”。

.form-check-fields {
    .wpcf7-list-item {
        [type=checkbox]:checked + .wpcf7-list-item-label {
                content: "x";
                text-align: center;
        }
    }
}

谢谢阅读！

最佳答案

测试插入此代码

   [type="checkbox"]:checked + .wpcf7-list-item-label:before {
       border: 1px solid;
      color: #FF0000;
       content: "x";
       position: absolute;
       text-align: center;
      z-index: 1000;
   }

你的意思是这个.....