Hey, I'm having an issue with adding background color and border to my Listbox. There seems to be a white strip on the right and bottom of the options. The layout rearranges properly when hovering over each item.
<select>
<option>Hello</option>
<option>World</option>
</select>
The CSS I am using is as follows:
select {
background: Red;
border: 1px solid #ccc;
color: white;
width: 100px;
}
select option{
margin : 0
}
select:active {
background: -webkit-linear-gradient(#666, white);
}
You can view it in action here. I notice a white strip on the right side of each option and at the bottom of all options. How can I remove this?