Question

最后一个电台显示如下： 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 -->

JS

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

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

jQuery v 3.3.1
jQ UI v 1.12.1
Themeroller>画廊中的“黑领带”主题

Answer 1

经过反复摆弄，我想出了这种粗略但可行的解决方案。有问题的背景属于jQ-UI中自动生成的 span 元素。我找到了正确的背景图像，将所有广播包裹在唯一的 div 中，并应用了以下CSS规则：

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

jQuery UI主题单选按钮在背景中具有怪异的图标

1 个答案: