CSS一个边界在Safari

消失我在这里重现我的情况http://jsfiddle.net/eE9cs/CSS一个边界在Safari

HTML：

<form id="form_login" name="form_login" method="post"> 
    <div class="formcontent rounded_corners"> 
     Content... 
    </div> 
</form>

和CSS：

.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;}

我有边界的容器（所有边）和圆角角落。事情是，在Safari右边框不显示（一切工作正常在FF和Chrome）。如果我删除圆角右边框将出现。此外，如果我从容器右边界删除边距左css属性也会出现。

我该如何解决？

来源

2013-02-18 Tamara

在Safari（Win7）中看起来很好。 – j08691 2013-02-18 16:15:09

在Safari浏览器上看起来不错 – 2013-02-18 16:15:44

似乎有关：http://stackoverflow.com/questions/13533731/safari-border-radius-issues – 2013-02-18 16:22:24

在外部div上，试试这个：add overflow：hidden。此外，你可以尝试框大小：边框。

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

来源

2013-02-18 16:27:04

我试着添加overflow：隐藏到#form_login元素，但它没有工作。 – Tamara 2013-02-18 17:44:40

CSS一个边界在Safari

回答

相关问题