html - 设置联系表单7单选按钮的样式

我正在尝试设置由WordPress的Contact Form 7插件生成的单选按钮的样式。我见过的所有示例都依赖于这样的标签，标签上带有for=""参数，如下所示：

<input type="radio" id="this-button" name="test-button">
<label for="this-button">Click Me</label>

但是CF7生成的按钮不允许您添加for=""参数。在页面上看起来像这样：

<label>
    <span class="wpcf7-list-item-label">Yes</span>
    <input type="radio" id="yes" name="yes-button" value="Yes">
</label>

我仍然需要自定义单选按钮，但是还有另一种不依赖for=""参数的方法吗？ jQuery已经在页面上加载了，所以我可以使用jQuery解决方案。

任何帮助都将是很大的，我尝试过几种解决方案都没有运气。

最佳答案

这就是为我工作的最终结果：

我安装了“ Checkator”，然后添加了以下内容：

//Add "checkator" class
$( document ).ready(function() {
    $(".my-page label > input").addClass("checkator");
});

...在fm.checkator.jquery.js的顶部，将“ checkator” CSS类添加到单选按钮。

通过手动将CSS类应用于单选按钮，Checkator可以找到它们，然后我就可以根据需要对它们进行样式设置。