Как сохранить исходный CSS на входе, связанном с немедленным поиском widgets.searchBox

Question

Я просматривал документацию по InstantSearch и ничего не понимаю в searchBox.

Я хотел бы использовать searchBox. У меня уже есть свой собственный стиль ввода для пользователя. Поэтому я хотел бы иметь возможность сохранить мой CSS. Затем я написал:

jobSearchIndex.addWidget(
widgets.searchBox({
    container: '#mySuperCuteBox',
    placeholder: 'I'm a cute box!',
    cssClasses: {
        input: 'myCuteCssClass',
    }
})
);

Проблема в том, что странный селектор css InstantSearch переопределяет некоторые из моих css и добавляет стиль, который мне не нужен / не нужен. Я не знаю, как получить только мой CSS...

Я также попробовал что-то вроде:

jobSearchIndex.addWidget(
    widgets.searchBox({
        container: '#mySuperCuteBox',
        placeholder: 'I'm a cute box!',
    })
);

но это не лучше.

Я также видел, что в моем рендере я вижу что-то вроде:

<input id="mySuperCuteBox" name="cuteName" class="myCuteCssClass ais-search-box--input" autocapitalize="off" autocomplete="off" autocorrect="off" placeholder="I'm a cute box!" role="textbox" spellcheck="false" value="bo" type="text">

Есть ли простой способ активировать autocomplete="on"? Я попытался взглянуть на: https://github.com/algolia/instantsearch.js/blob/develop/dev/app/jquery/stories/autocomplete.stories.js Но это не совсем удобно для новичка, такого как я:(... я просто чувствовал себя затопленным таким количеством информации, и я не могу понять, как связать все это с моим окном поиска...

Если бы кто-то мог просветить меня об этом, это было бы здорово!:)

Спасибо