vue-bootstrap-typeahead icon indicating copy to clipboard operation
vue-bootstrap-typeahead copied to clipboard

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

Open jakubstankowski opened this issue 6 years ago • 1 comments

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.

jakubstankowski avatar Mar 18 '19 18:03 jakubstankowski

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!

mattzollinhofer avatar Feb 26 '20 02:02 mattzollinhofer