Box shadow for completer dropdown holder

[SwethaNeerukonda]

When we focus the ng2-completer then it adds a blue box shadow around the input, but the same does not happen to the dropdown holder. I tried adding css for completer-dropdown-holder and the code is below:

.completer-dropdown-holder{
border-bottom: 2px solid #5895DD !important;
border-left: 2px solid #5895DD !important;
border-right: 2px solid #5895DD !important;
box-shadow: 0 0 .625em #5895DD;
}

When I do this it show the box shadow before only because it is rendering the completer dropdown holder when the page loads. The same does not happen when we open and close the dropdown. So when the page loads and the dropdown is not opened then the dropdown holder div should not be loaded. If this cannot be changed could you let me know how I could add box shadow for the completer dropdown holder.

[pflopez]

You need to apply those styles to .completer-dropdown, not .completer-dropdown-holder.