1

我正在查看 InstantSearch 的文档，但我不了解有关 searchBox 的一些内容。

我想使用搜索框。我已经有自己的样式输入框供用户编写。所以我希望能够保留我的CSS。然后，我写道：

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

问题是，一个奇怪的即时搜索 css 选择器覆盖了我的一些 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 但对于新手来说，它并不是真正用户友好的，例如我:(...我只是感觉被这么多信息淹没了，我不知道如何将所有这些连接到我的搜索框...

如果有人能就此启发我，那就太好了！:)

谢谢

4

0 回答 0