search

alexurquhart / vue-bootstrap-typeahead

An autocomplete/typeahead component for Vue 2 and Bootstrap 4
https://alexurquhart.github.io/vue-bootstrap-typeahead/
MIT License
206 stars 157 forks source link

How I can change hover color on vbt-autcomplete-list ? #43

Open jakubstankowski opened 5 years ago

jakubstankowski commented 5 years ago

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.

mattzollinhofer commented 4 years ago

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!