QuerySelectorAll не работает с Filepond ⇐ CSS

[Anonymous]

Я создаю сайт, использующий Filepond. Я также пытаюсь реализовать собственный курсор на основе этого codepen. Я хотел бы, чтобы hoverTarget выбирал кнопки действий Filepond и подчеркнутый текст «Обзор», я попробовал поставить:

Код: Выделить всё

hoverTarget: document.querySelectorAll(".filepond--file-action-button")

//кнопка

Код: Выделить всё

hoverTarget: document.querySelectorAll(".filepond--label-action")

//просматриваем текст

для кнопки действия и просматриваем текст как их классы, но он не был выбран querySelectorAll. Я также добавил в функцию теги button и span, но все равно ничего. Обратите внимание, что при создании простых HTML-элементов и test селектор запросов смог их подобрать. Мне также удалось выбрать корневой элемент div для filepond:

Код: Выделить всё

hoverTarget: document.querySelectorAll(".filepond--root")

но по-прежнему не могу выбрать другие элементы div с такими классами, как .filepond--file
Мне интересно, не может ли селектор запросов выбрать элементы, с которыми у меня возникают проблемы, поскольку они динамические, но я не уверен. Я попробовал getElementsByClassName на основе этого ответа, но это не сработало.
EDIT: вот codepen, который представляет мою текущую ситуацию. !
Спасибо за любую помощь!

Подробнее здесь: https://stackoverflow.com/questions/786 ... h-filepond