Skip to content

Instantly share code, notes, and snippets.

@johnw86
Created December 12, 2017 11:39
Show Gist options
  • Save johnw86/d9ccb07f8e1291177e60e5cb1aab47e4 to your computer and use it in GitHub Desktop.
Save johnw86/d9ccb07f8e1291177e60e5cb1aab47e4 to your computer and use it in GitHub Desktop.
typeahead.js basic styling
.tt-hint, .tt-input {
display: block;
width: 100%;
padding: 3px 6px;
color: #555;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
}
.tt-menu {
width: 100%;
margin-top: 2px;
padding: 2px;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
}
.tt-suggestion {
font-size: 13px;
display: block;
padding: 1px 4px;
}
.tt-selectable {
cursor: pointer;
}
.tt-selectable:hover {
background-color: #0088cc;
color: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment