Html 是否可以在搜索栏中设置搜索建议的样式?如何通过css调用它?

Html 是否可以在搜索栏中设置搜索建议的样式?如何通过css调用它?,html,css,Html,Css,我目前正在一个RoR网站上工作。我有一个搜索栏,用户可以在其中输入信息——然而,搜索栏中的建议似乎来自最近基于互联网历史的搜索。有没有一种方法可以设置搜索建议的样式?我希望搜索建议的背景是透明的。然而,我似乎无法通过css访问下拉列表。这是我的HTML: <form action="/search"> <input name="search_query" class="lanSearch" placeholder="" size="14" autofocus="aut

我目前正在一个RoR网站上工作。我有一个搜索栏,用户可以在其中输入信息——然而,搜索栏中的建议似乎来自最近基于互联网历史的搜索。有没有一种方法可以设置搜索建议的样式?我希望搜索建议的背景是透明的。然而,我似乎无法通过css访问下拉列表。这是我的HTML:

  <form action="/search">
   <input name="search_query" class="lanSearch" placeholder="" size="14" autofocus="autofocus"><br>
   <input type="submit" value="Submit" class="hide"/>
  </form>

您无法设置内部自动完成的样式,但您可以在一些CSS和JS的帮助下创建一个完全自定义的搜索建议/自动完成处理,并通过以下方式禁用内部自动完成:

<input type="text" name="foo" autocomplete="off">


是什么提供了功能,以及“建议”是如何实际显示的?我不知道有哪个浏览器会根据“最近的搜索历史记录”来填充建议……我建议您创建一个JSFIDDLE。您是在谈论您的浏览器的建议吗?您不能设置它们的样式。当我单击搜索栏时,建议显示为下拉列表。我猜它们是浏览器建议?搜索栏=浏览器地址栏还是页面外的“搜索小部件”?
<input type="text" name="foo" autocomplete="off">