Connection Drop Down Menu Colors


I am using the following CSS to make alternating form groups a different color. However, when I use this code, it causes the drop down menus for Connections to behave incorrectly. A photo is below. You can see that dropdown menu has assumed the whitesmoke background color, and when I hover over a choice, it becomes white. I can't figure out what CSS is needed to change the hover color from white to black/bold, as well as how to prevent the dropdown menu from assuming the grey color. 

CSS used: 

/* Set white and grey for every other form group (li) */
#view_xxxx ul:nth-child(2n+1) > li { background-color: white }
#view_xxxx ul:nth-child(2n) > li { background-color: #F5F5F5 }


Any help would be appreciated! 

404922982432 Thank you! That is exactly what I needed.