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

时间:2012-02-16 15:00:50

标签: html css forms styling

在许多网站上,例如,当输入用户名时,会出现下一个输入显示的下拉列表,因此用户可以轻松选择内容而不是键入内容。我知道您可以通过使表单或输入具有autocomplete="off"属性来在浏览器中关闭此功能。问题是当我想要它时,输入有填充。下拉列表看起来非常糟糕,因为每个项目都没有填充。

有没有办法用css设计这个样式?我知道您可能会使用javascript / jQuery解决方法将以前的条目存储在cookie或其他内容中并自行创建下拉列表。但我不想依赖javascript。

2 个答案:

答案 0 :(得分:1)

不。自动填充不是任何标准的一部分,也不是DOM的一部分。正如您自己建议的那样,唯一的样式方法是使用JavaScript重新创建该功能。

答案 1 :(得分:0)

不幸的是,没有办法用CSS来设置下拉框本身的样式,因为在这种情况下(当不使用javascript / jQuery / mootools / etc时)它依赖于操作系统 - 即Windows / Linux / Mas OS可视化它根据视觉用户设置(即方案)。