如何设置自动填充下拉列表的样式

drewsmug

我正在寻找纯HTML / CSS解决方案。到目前为止,我发现的所有内容都涉及插件(通常是jquery)。

我希望能够设置“自动完成建议下拉框”的样式(我不知道它的真正含义,因此我尝试对其进行描述)。

例如我有

的CSS

input[type=search] {
        background: none;
        font-weight: bold;
        border-color: #2e2e2e;
        border-style: solid;
        border-width: 2px 2px 2px 2px;
        outline: none;
        padding:10px 20px 10px 20px;
        width: 250px;
}

“自动填充下拉框”是传统的简单白框,带有其自己的默认字体。我不知道在CSS中要针对什么进行更新。

的HTML

<div id="search">
        <form method="GET" action="events">
                <div id="search_field_container">
                        <input name="city" id="search_input" type="search" placeholder="City, ST">
                </div>
                <input type="submit" value="Find">
        </form>
</div>
drewsmug

显然,自动完成下拉框不能使用CSS进行编辑,并且不属于DOM。我从以下(重复)问题中找到了此信息。

如何设置浏览器的自动完成下拉框的样式?

在浏览器中设置自动完成下拉菜单的样式

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何设置UL / LI下拉列表的样式

设置自动填充建议的样式

设置<select>下拉列表的样式

选择下拉列表时如何自动填充文本框

如何仅使用CSS设置<select>下拉列表的样式?

轮播自动移动时如何设置活动列表样式?

如何在动态填充的下拉列表中使用jQuery设置下拉列表的选定文本或值

从 React 中的选择选项下拉列表填充字段 A 后,如何自动填充字段 B

如何使用columnFilter插件自动填充下拉列表中的数据列表

jQuery 自动完成 - 如何为 TextArea 下拉菜单设置 CSS 样式?

如何使用JavaScript自动选择jsp下拉列表中的值以查看填充数据

如何使用下拉列表中所选对象的属性自动填充文本框

如何基于另一个php下拉列表中的选择自动填充drodown?

如何在 Symfony 表单中设置下拉列表的子元素的样式

如何设置 PrimeNg 下拉图标的样式

如何自动显示数据列表的下拉列表?

如何基于另一个下拉列表中的值自动在下拉列表中设置值

如何使样式下拉列表可滚动?

如何设置由 ASP.NET Core 中的 SQL 表填充的下拉列表的选项值?

PHP-jQuery-如何使用月份名称填充下拉列表并将值设置为月份编号

如何在mvc中用ViewData填充的下拉列表中设置选定的值

样式材料Vue自动完成建议下拉列表

如何设置样式归属以填充剩余空间?

如何填充特定用户的下拉列表?

如何使用JavaScript填充下拉列表?

如何使用AngularJS填充下拉列表值

如何根据下拉列表填充表格?

如何动态填充jQuery中的下拉列表?

如何使用视图模型填充下拉列表