【问题标题】:Bootstrap Inputs on safari 6 not right?Safari 6 上的引导输入不正确?
【发布时间】:2012-07-27 15:13:39
【问题描述】:

我在 safari 6.0 上正确显示 Twitter 引导输入时遇到问题。

在我搬到 Mountain Lion 之前,我很确定这很好,但这似乎是 Chrome 的问题。

基本上在 Safari 中,输入的右端似乎被截断并且显示不正确。我已经截屏来演示我的意思...

Safari:

铬:

有什么想法吗?

编辑:看看 Twitter Bootstrap 网站,我发现他们的很多输入都有同样的问题! 还有人看到这个吗?

【问题讨论】:

  • 看看box-sizing,也许是在玩宽度
  • 请注意,看不出它是如何影响它的?对这个很新,所以不知道在哪里看!
  • 我认为它几乎肯定是 Safari 问题。查看此站点,并注意到其中一个徽章see here - 查看评论员徽章,右侧。整个引导站点的按钮/输入/元素看起来像这样
  • 是的,我们的网站在 Safari 6 中所做的更改存在很多问题。这很烦人,而且很多其他网站也出现了类似的问题。

标签: input safari twitter-bootstrap


【解决方案1】:

该工件似乎是 Safari 渲染边界半径的问题,并非特定于 Twitter Bootstrap。请参阅 Apple 支持论坛上的 rendering borders。输入通常在您选择它们​​后正常呈现。

使用以下两行禁用受影响元素的边框半径会删除工件。不过要小心,有时这会导致附近按钮出现even more puzzling artifacts

-webkit-border-radius: 0;
border-radius: 0;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-10-21
    • 2016-08-16
    • 1970-01-01
    • 2018-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-05-21
    相关资源
    最近更新 更多