CSS一个边框在Safari中消失

CSS一个边框在Safari中消失,css,border,rounded-corners,Css,Border,Rounded Corners,我在这里重新创建了我的案例 Html: 我有带边框(四面)和圆角的容器。问题是在Safari中不会显示右边框(在FF和Chrome中一切正常)。如果删除圆角,将显示右边框。另外,如果我从容器中删除marginleftcss属性,右边框也会出现 如何修复它?在外部div上,尝试以下操作:添加溢出:隐藏。 此外,还可以尝试框大小:边框框 无论如何,您可以尝试很多东西,但是如果没有完整的代码,我将无法再帮助您。在Safari(Win7)中看起来不错。在safari上看起来不错。这似乎与以下方面有关:我

我在这里重新创建了我的案例

Html:

我有带边框(四面)和圆角的容器。问题是在Safari中不会显示右边框(在FF和Chrome中一切正常)。如果删除圆角,将显示右边框。另外,如果我从容器中删除marginleftcss属性,右边框也会出现


如何修复它?

在外部div上,尝试以下操作:添加溢出:隐藏。 此外,还可以尝试框大小:边框框


无论如何,您可以尝试很多东西,但是如果没有完整的代码,我将无法再帮助您。

在Safari(Win7)中看起来不错。在safari上看起来不错。这似乎与以下方面有关:我在MacI上的safari中进行了测试。我尝试添加溢出:隐藏到#form#u登录元素,但不起作用。当我不希望在safari中轮廓消失时,我遇到了在blur上消失的问题,并添加了
overflow:hidden
修复了它。谢谢
<form id="form_login" name="form_login" method="post">
   <div class="formcontent rounded_corners">
      Content...
   </div>
</form>
.rounded_corners{
border: 1px solid #033C64;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
}

#form_login .formcontent{padding: 20px; width: 30%; margin-left:30%;}
.formcontent {float:left; margin-bottom:50px;background-color: #F3F6FB;}