Тематическая радиокнопка jQuery UI имеет странные значки в фоновом режиме - PullRequest
Новая
       4

Тематическая радиокнопка jQuery UI имеет странные значки в фоновом режиме

0 голосов
/ 25 июня 2018

Последнее радио показывает так: фон радио

При выборе фон значка исчезает.Я пытался переключить каждый фон с инструментов разработчика, но безрезультатно.Удаление значков с изображениями из папки проекта исправило фон, но делает мои флажки бесполезными, так как они не могут быть визуально проверены без изображений, поэтому это не решение.Как мне исправить эту надоедливую ошибку?

РЕДАКТИРОВАТЬ: Я буду считать, что отрицательные голоса, потому что я не предоставил код.Здесь: 

<!-- 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
Тема Black Tie от Themeroller> Галерея

1 Ответ

0 голосов
/ 26 июня 2018

После долгих раздумий я придумал этот грубый, но работающий раствор.Рассматриваемый фон принадлежал автоматически сгенерированному элементу span из jQ-UI.Я заметил правильное фоновое изображение, обернул все радио в уникальный div и применил следующее правило CSS: 

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