下拉列表悬停时的 Html 输入表单样式

Question

我有一个带有简单 html 搜索输入表单的 wordpress 页面:

<!-- ROW :: START - SEARCH -->
<div class="htheme_row_search">
<div class="htheme_container">
    <div class="htheme_col_12">
        <form action="http://www.someurl.com/" method="get">
            <input type="text" value="" name="s" id="s" placeholder="Czego szukasz?">
            <div class="htheme_icon_search_btn"></div>
        </form>
    </div>
</div>
</div>
<!-- ROW :: END - SEARCH -->

它看起来像这样:

但是当我点击它或开始输入时，它会显示以前搜索过的短语的下拉列表。当我将鼠标悬停在短语上时，我的搜索栏会更改它的背景颜色，看起来像这样:

我在 css 中找不到任何可能对此负责的样式。我怎样才能修复它，使其不会改变颜色？

Answer 1

尝试将 autocomplete="off" 添加到您的输入元素

<input type="text" autocomplete="off" value="" name="s" id="s" placeholder="Czego szukasz?">