jQuery UI 主题单选按钮在背景中有奇怪的图标答案

【问题标题】：jQuery UI themed radio button has weird icons in backgroundjQuery UI 主题单选按钮在背景中有奇怪的图标
【发布时间】：2018-06-26 14:42:53
【问题描述】：

最后的广播节目是这样的： radio background

选择后图标背景消失。我尝试从开发工具切换每个背景，但无济于事。从项目文件夹中删除图标图像修复了背景，但使我的复选框无用，因为没有图像就无法直观地检查它们，所以这不是解决方案。如何修复这个烦人的错误？

编辑：我会假设反对票是因为我没有提供代码。这里：

<!-- html stuff -->
<label for="21">
  <input id="21" type="radio" name="bbNumber" value="1" />
  Percent(%)
</label>
<label for="22">
  <input id="22" type="radio" name="bbNumber" value="2" />
  Number
</label>
<label for="23">
  <input id="23" type="radio" name="bbNumber" value="0" checked />
  Disable
</label>
<!-- more html stuff -->

$(function(){
 //unrelated stuff
 $('input[type="checkbox"], input[type="radio"]').checkboxradio();
 //some more stuff
});

没有自定义 CSS 干预收音机。我使用的唯一 CSS 是 jQ - Autocomplete。

jQuery v 3.3.1
jQ UI v 1.12.1
Themeroller > Gallery 中的 Black Tie 主题

【问题讨论】：

欢迎来到 Stack Overflow。请提供一个最小、完整和可验证的示例：stackoverflow.com/help/mcve 要包括的内容，您正在使用的 jQuery 和 jQuery UI 版本。任何自定义主题。任何其他可能破坏 jQuery UI 的 CSS。

标签： jquery-ui background radio-button

【解决方案1】：

经过大量的摆弄，我想出了这个粗略但可行的解决方案。有问题的背景属于 jQ-UI 中自动生成的 span 元素。我发现了正确的背景图片，将所有收音机包裹在一个独特的 div 中，并应用了以下 CSS 规则：

#id span.ui-checkboxradio-icon {
  background-image: url('/PATH/TO/BACKGROUND.PNG') !important;
}

【讨论】：