选择Safari和Chrome之间的Box边界差异

Question

我有一个具有CSS属性的选择框：

border: 1px;

这适用于Chrome，但我遇到Safari问题。它不适合它的容器：

当我将CSS设置为：

时

border: 0px;

问题得到解决：

然而，当border设置为0时，Chrome的边框完全消失。

我该如何解决这个问题？ （仅为Safari或任何其他方式设置该属性）。

Answer 1

This post展示了如何定位不同的浏览器：

-webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
-moz-border-radius: 0;  /* Firefox 1-3.6 */     
border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */