Chrome自动填充选项非常长

我们有一个网站,上面有一个非常简单的网站搜索表单,如下所示:

<div class="siteSearch">
    <form id="search_form" method="GET" action="/search" novalidate>
        <input id="search_text"
                type="text"
                placeholder="Sitewide Search"
                aria-label="Enter a search term for the site search. Press enter to search"
                name="s" />
        <input type="submit" class="site-search-input" value="" />
    </form>
</div>
<div class="clear"></div>

我们的问题是,如果使用chrome,我将一段lorem ipsum文本粘贴到站点搜索表单中,然后稍后返回表单并开始键入单词“lorem”,我会得到一个很长的自动完成功能,有时它会从我的两个监视器上延伸出来。其他时候,它会显示在表单输入的上方并向右延伸。我见过这样的情况:自动完成选项太大,妨碍了我使用网站导航或阅读网站内容的能力。我需要弄清楚如何截断自动填充选项。我想限制宽度。有什么想法吗?我的希望是,我们可以解决自动完成,我不必求助于 autocomplete="off" .

我复制这个的时候用的是Chrome68。

谢谢