jQueryUI 1.12.1 невидимая галочка на виджете CheckboxRadio
Используя "темную" тему, такую как UI Darkness, Le Frog или Dark Hive с jQueryUI 1.12.1, новый виджет CheckboxRadio имеет невидимую белую на белом галочку. Вы можете увидеть это на Themeroller. Проблема возникает из-за того, что галочка соответствует цвету "Clickable: состояние по умолчанию> значок", а фон галочки "Clickable: активное состояние> текст", а темные фоны обычно устанавливают светлый цвет для обеих этих вещей.
Галочка была бы видимой, если бы она была в цвете "Clickable: активное состояние> значок", который, IMHO, это то, что дизайнеры намеревались. Тем не менее, приоритет правила CSS не совсем правильный - он предназначен для активных кнопок, но не для активных не-кнопок, которые используют стилизацию "пользовательской кнопки".
Демонстрация ошибки и мое предлагаемое исправление доступны на JSfiddle. По сути, они должны добавить это:
.ui-button.ui-state-active .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
хотя мое демо имеет абсолютный путь.
Я надеюсь, что этот пост избавит вас от головокружительной мысли о том, почему ваш CheckboxRadio не работает так, как вы ожидали.
1 ответ
Я сообщил о проблеме на баг-трекере jQueryUI ( # 15155), хотя на момент написания статьи его не обнаружили. Это правильное место для "тематических" вопросов?