Html 是否可以设置保存的输入字段数据下拉列表的样式

Html 是否可以设置保存的输入字段数据下拉列表的样式,html,css,forms,Html,Css,Forms,我正在使用输入字段设置表单样式。输入字段必须是完全透明的。输入字段本身没有问题,但一旦我开始键入,浏览器就会打开包含已保存表单数据的下拉列表,显示我以前在输入字段中输入的单词。下拉列表本身不是透明的,而是白色的。当我将鼠标悬停在其中一个保存的单词上时,它会出现在输入字段中,当它出现时,输入字段也会显示白色背景 我试着将活动、焦点和悬停状态的背景设置为透明,但这似乎不起作用。我也无法在element inspector中看到保存的表单数据下拉列表,因此我不知道如何定位它 HTML: 这是一把小提琴

我正在使用输入字段设置表单样式。输入字段必须是完全透明的。输入字段本身没有问题,但一旦我开始键入,浏览器就会打开包含已保存表单数据的下拉列表,显示我以前在输入字段中输入的单词。下拉列表本身不是透明的,而是白色的。当我将鼠标悬停在其中一个保存的单词上时,它会出现在输入字段中,当它出现时,输入字段也会显示白色背景

我试着将活动、焦点和悬停状态的背景设置为透明,但这似乎不起作用。我也无法在element inspector中看到保存的表单数据下拉列表,因此我不知道如何定位它

HTML:

这是一把小提琴:

单击输入字段并键入字母。如果您以前在浏览器的输入字段或其他输入字段中输入过内容,则会出现下拉列表。当您将鼠标悬停在下拉列表中的一个单词上时,它将出现在输入字段中,并为其提供不透明的白色背景


可以这样做吗?

自动完成是特定于浏览器和操作系统的。似乎没有任何方法可以设计浏览器自己的内部自动完成功能

我建议完全禁用浏览器自动完成功能:

     <input autocomplete="off">

然后利用JqueryUI的自动完成功能,该功能可以按照您喜欢的任何方式进行样式设置。

您可以设置一个按钮来查看您的位置吗?听起来这个下拉列表来自浏览器插件/扩展。除非自定义添加,否则常规元素从来没有下拉组件。@Alex,我想他的意思是从history@Kyojimaru对,我明白,,但是如果我用一个元素创建一个网页,那么页面/元素就不记得我以前键入的内容了——如果是这样的话,那就是浏览器/一个扩展,它会记住每个网站输入字段的历史记录。基本上,这听起来像是每个客户端的web浏览器问题,而不是导致出现此下拉列表的HTML、CSS、JS问题。访问JSFIDLE后,我无法复制此问题。我应该补充一点,Jquery Autocomplete还允许您预定义希望用户看到的自动完成值。
     <input autocomplete="off">