【问题标题】:CSS One border disappears in SafariCSS One 边框在 Safari 中消失
【发布时间】:2013-02-19 02:15:51
【问题描述】:

我在这里重新创建了我的案例http://jsfiddle.net/eE9cs/

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 中一切正常)。如果我删除圆角右边框会出现。此外,如果我从容器右边框中删除 margin-left css 属性也会出现。

我该如何解决?

【问题讨论】:

标签: css border rounded-corners


【解决方案1】:

在外部 div 上,试试这个:添加溢出:隐藏。 此外,您可以尝试 box-sizing:border-box。

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

【讨论】:

  • 我尝试将 overflow:hidden 添加到 #form_login 元素,但没有成功。
  • 当我不希望在 Safari 中出现轮廓消失的问题时,我遇到了问题,添加 overflow: hidden 修复了它。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-06-01
  • 1970-01-01
  • 2012-10-14
  • 1970-01-01
  • 2011-09-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多