Had this problem before and all I did was remove the border on the select and wrap it in a div with the same style (rounded borders). I'm sure there's a more elegant solution but it was better than searching for hours/days for a solution.

Check out this fiddle.

您使用的是什么版本的 Windows？有时，操作系统会在某些 HTML 元素上强制添加额外的图形怪癖。在启用了 Aero 主题的 Windows 7 上的 Chrome 18 中，一切似乎都如愿以偿。实际上，我昨天回答了一个类似的问题，用样式select元素替换丢失的图形元素的示例-webkit-appearance: none：https ://stackoverflow.com/a/10074928/1030243 。希望如果没有找到其他解决方案，您可以使用几行额外的 CSS 来实现它。

将 CSS 大纲属性设置为无以进行下拉...

select:focus  
{  
    outline: none;  
} 

我会推荐使用填充而不是边距...看起来会更好

select {        
  -moz-border-radius:8px; 
  border-radius: 8px;
  -webkit-border-radius: 5px; /*this one is more important than the moz one*/
  padding:9px;
}