Question

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

我想使用searchBox。我已经有自己样式的inputBox供用户编写。因此，我希望能够保留我的CSS。然后，我写道：

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

问题是，一个奇怪的Instantsearch 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 但是对于像我这样的新手来说，它真的不是用户友好的：（...我只是被太多的信息所淹没，我无法弄清楚如何将所有这些信息连接到我的搜索框...

如果有人可以启发我，那就太好了！：）

谢谢

如何将原始CSS保存在链接到Instantsearch widgets.searchBox的输入上

0 个答案: