Diseño de listas desplegables de autocompletar en navegadores

Question

En muchos sitios web, al escribir un nombre de usuario, por ejemplo, aparece un menú desplegable donde aparece la entrada anterior para que el usuario pueda seleccionar fácilmente algo en lugar de escribir. Sé que puede desactivar esto en los navegadores teniendo el formulario o entrada con un atributo de autocomplete="off". El problema es cuando lo quiero y la entrada tiene relleno. El menú desplegable se ve horriblemente apagado porque no tiene relleno para cada elemento.

¿Hay alguna manera de diseñar esto con solo CSS? Soy consciente de que podría utilizar una solución javascript/jQuery para almacenar entradas anteriores en una cookie o algo así y crear su propio menú desplegable. Pero no quiero confiar en javascript para esto.

Answer 1

Nope. Autocompletar no es parte de ningún estándar, y no es parte del DOM. La única forma de estilo es, como se sugirió a sí mismo, recreando esa funcionalidad usando JavaScript.

Answer 2

Lamentablemente, no hay forma de diseñar el menú desplegable con CSS, porque en este caso (cuando no se usa javascript/jQuery/mootools/etc.) Depende del sistema operativo - es decir, Windows/Linux/Mas OS de acuerdo con la configuración visual del usuario (es decir, el esquema).