css - Safari - 仅在刷新时应用样式(或悬停时的某些部分)

Question

我什至不知道从哪里开始。在我的元素的一个页面上，当您第一次进入该页面时，网站的某些部分消失了，有些则没有样式(例如 border-radius 不起作用)。

首先，当您将鼠标悬停在链接上或选择一些文本(在选择之前实际上是不可见的)时，标题的某些部分会再次显示。刷新页面时，一切看起来都应该如此。

在我发现悬停或选择可以修复某些部分之前，我认为样式没有得到应用或类似的东西。我什至尝试删除所有 @imports 并检查它是否有效。

这只发生在 Safari 中，样式应用于适当的元素，但这些元素没有正确呈现并且不可见。

我什至不知道我的代码的哪些部分应该发布在这里，因为它只是基本的 CSS，而且它在除 Safari 之外的任何地方都能完美运行。有什么想法吗？

@编辑:这是一个问题示例(显示了链接 your profile，因为我将鼠标悬停在上面) 当您选择不可见文本的某些部分而不是取消选择时，它会显示: 这是基于 Bootstrap 的站点，这里是此警报的代码:

<div class="alert">
    <button type="button" class="close" data-dismiss="alert">×</button>
    <strong>You are not connected to Stripe yet.</strong>
    <p>Other people will not be able to find or participate in your experiences until you connect to Stripe. Go to <a href="/profiles/1#stripe-connection">your profile</a> to connect to Stripe now.</p>
</div>

关于样式，它基本上只是一些填充和明显的橙色渐变。在屏幕截图上，您可以看到边界半径，但有时不存在。

Answer 1

我一个 friend 的建议:放空 style文档中的标签有效!刚放线<style></style>在标题中，一切正常。