Кнопки радио и флажки не отображаются в приложении Spotify.

Question

Я пытаюсь использовать переключатели HTML в моем приложении Spotify . Когда используется инструмент Inspector , там присутствует код для переключателя, но переключатель не отображается в браузере внутри клиента Spotify. Я также получаю тот же результат для флажка.

Тот же код используется с обычными браузерами, такими как IE, Mozilla или Chrome, и переключатель переключается без проблем.

Кто-нибудь может мне сказать, почему переключатель не отображается в изолированном браузере внутри клиента Spotify?

Спасибо

Answer 1

При просмотре переключателя в инспекторе можно увидеть, что тег ввода получает атрибут -webkit-Appearance: none , установленный в sp: // import / css / файлы shared.css и sp: //import/css/reset.css.

button, input, textarea {
    -webkit-appearance: none;
    font-family: inherit;
    font-size: 12px;
}

Файлы sp: //import/css/adam.css и sp: //import/css/eve.css импортируют sp: // import Файл /css/shared.css, как вы, вероятно, получаете этот атрибут. Такое поведение существует только для типов радио и флажков, потому что другие типы ввода переопределяются в других местах.

Совет: Если вы просматриваете атрибуты css в инспекторе, вы можете на самом деле проверить их, чтобы удалить или заново добавить стиль.

Решение

<input type="radio" style="-webkit-appearance:radio" />

<input type="checkbox" style="-webkit-appearance:checkbox" />

Имейте в виду: Возможно, разработчики намеревались не показывать кнопки радио / флажков, поэтому ваше приложение может иметь проблемы с утверждением из-за рекомендаций по пользовательскому интерфейсу.

С уважением,
Kevin

Answer 2

В этом сообщении говорится, что это ошибка: Spotify - Использование элементов пользовательского интерфейса Checkbox

(не проверял на spotify api doc tought ...)