求助：如何修改Google Chrome自动建议选项的背景？

我明白你想调整的是Chrome输入框/地址栏弹出的自动建议选项（比如你提到的"Mithun"、"Admin"这类下拉项）的背景色——你之前的CSS代码其实是用来修改输入框本身被自动填充后的样式，和下拉建议列表完全是两个不同的元素，所以才没起到你想要的效果～

Chrome的自动建议下拉列表属于浏览器原生UI组件，普通网页的CSS无法直接修改它，需要通过用户全局样式来覆盖，具体步骤如下：

1. 安装用户样式扩展 #

首先在Chrome里安装一个用户样式管理扩展，比如「Stylus」（免费且安全，Chrome应用商店可直接搜索安装），它能帮你轻松给浏览器全局或特定网站应用自定义样式。

2. 创建全局自定义样式 #

打开Stylus扩展，点击「新建样式」，选择「全局」（这样所有网站的自动建议都会生效），然后粘贴下面的CSS代码：

/* 修改输入框自动建议下拉列表的基础样式 */
::-webkit-autocomplete-list {
  background-color: #2d2d2d !important; /* 替换成你想要的背景色 */
}

/* 修改单个建议项的背景和文字颜色 */
::-webkit-autocomplete-list-item {
  background-color: #2d2d2d !important;
  color: #ffffff !important; /* 文字颜色 */
  padding: 8px 12px !important; /* 可选：调整项的内边距 */
}

/* 鼠标悬停在建议项上的样式 */
::-webkit-autocomplete-list-item:hover {
  background-color: #4a4a4a !important; /* 悬停时的背景色 */
}

/* 针对Chrome地址栏的自动建议样式（如果需要修改地址栏的建议） */
#omnibox-suggestions {
  background-color: #2d2d2d !important;
}

#omnibox-suggestions .suggestion-row {
  background-color: #2d2d2d !important;
}

#omnibox-suggestions .suggestion-row:hover {
  background-color: #4a4a4a !important;
}

3. 调整颜色值到你需要的效果 #

把代码里的颜色值（比如#2d2d2d）替换成你喜欢的颜色，保存样式后，刷新页面就能看到效果了。

注意事项 #

• Chrome的原生UI类名可能会随版本更新变化，如果上面的地址栏选择器失效，可以按F12打开开发者工具，手动检查地址栏建议元素的类名，再修改CSS选择器。
• 你之前的代码可以保留，它负责处理输入框被自动填充后的背景和文字颜色，和新添加的样式互不冲突。

内容的提问来源于stack exchange，提问作者Mithun Das