From d54d8eee2ec61e1e893aa7f574057088cdb1c716 Mon Sep 17 00:00:00 2001
From: Paul Cody Johnston <pcj@stack.build>
Date: Fri, 25 Mar 2022 00:25:54 -0600
Subject: [PATCH] Update jquery_typeahead.md

Add example css snippet.
---
 doc/jquery_typeahead.md | 55 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/doc/jquery_typeahead.md b/doc/jquery_typeahead.md
index 8ecd753f87..85c2e68c4a 100644
--- a/doc/jquery_typeahead.md
+++ b/doc/jquery_typeahead.md
@@ -291,3 +291,58 @@ $('.typeahead').typeahead({
   }
 });
 ```
+
+### Styling
+
+You can use whatever css styling with the library.  Here's an [example snippet](https://stackoverflow.com/questions/60891269/typeahead-js-cant-find-the-styling-to-modify-it-or-can-i-override-an-html-eleme):
+
+```css
+<style>
+    *****************************
+    * Twitter Typeahead Styling *
+    *****************************/
+    .typeahead {
+        width: 100%;
+    }
+
+    .tt-hint {
+        color: #999;
+    }
+
+    .tt-menu {
+        width: 422px;
+        margin-top: 4px;
+        padding: 4px 0;
+        color: black;
+        background-color: #eee;
+        border: 1px solid #ccc;
+        border: 1px solid rgba(0, 0, 0, 0.2);
+        -webkit-border-radius: 4px;
+            -moz-border-radius: 4px;
+                border-radius: 4px;
+        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
+            -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
+                box-shadow: 0 5px 10px rgba(0,0,0,.2);
+    }
+
+    .tt-suggestion {
+        padding: 3px 20px;
+        line-height: 24px;
+    }
+
+    .tt-suggestion:hover {
+        background-color: #ddd;
+    }
+
+    .tt-suggestion p {
+        margin: 0;
+    }
+
+    .tt-suggestion.tt-cursor {
+        color: #fff;
+        background-color: #0097cf;
+    }
+</style>
+```
+
+