Fondo: Escribí un cuadro de búsqueda como un cuadro de búsqueda de Google. Sin embargo, cuando quiero buscar una palabra, se abre automáticamente un cuadro debajo del cuadro de búsqueda, que sugiere palabras basadas en el historial de las palabras escritas en ese cuadro. No he codificado el cuadro de sugerencias; es una característica de un navegador. El tamaño, la forma y el estilo del cuadro que proporciona las sugerencias dependen del navegador elegido.

Problema: Quiero diseñar este cuadro sin desactivar el cuadro de sugerencias del navegador. En otras palabras, necesito que el ancho, la forma (curvas) y el sombreado sean proporcionales al cuadro de búsqueda que codifiqué. Solo estoy buscando soluciones puras de CSS, HTML y Javascript Vanilla si esto es posible.

Un ejemplo es cómo lo ha hecho Google (consulte la captura de pantalla): ingrese la descripción de la imagen aquí

Si esto no es posible, entonces tengo que codificar todo yo mismo. En ese caso, ¿cómo puedo tener acceso al historial de palabras anteriores que almacena el navegador?