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

回答

相關問題