vue-bootstrap-typeahead
vue-bootstrap-typeahead copied to clipboard
How I can change hover color on vbt-autcomplete-list ?
Hi, I have a problem with hover color in autocomplete list, it's blue with the same font color, it's look ugly.
How I change this style ?
.vbt-autcomplete-list { color: red !important; padding-top: 5px; position: absolute; max-height: 350px; overflow-y: auto; z-index: 999; }
`.vbt-autcomplete-list:hover {
color: red !important;
}`
.list-group-item-action{ color: red !important; }
I try implement that style, but still doesn't work fine.
Is this still an issue for you? There's nothing special about this component that's preventing you from styling it. You may need to use /deep/ if you want to target elements created by the typeahead. Ex:
/deep/ .list-group-item-action{
color: orange !important;
}
Hope that helps!