Safari - 仅在刷新时应用的样式（或悬停时的某些部分）

Question

我甚至不知道从哪里开始。 在我的项目的一个页面上，当您第一次进入页面时，网站的某些部分会消失，而有些部分则不会被设置样式（例如border-radius不起作用）。

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

在我发现悬停或选择修复某些部分之前，我认为样式不适用或类似的东西。我甚至试图删除所有@imports并检查它是否有效。

仅在Safari中发生这种情况，样式应用于适当的元素，但这些元素未正确呈现且不可见。

我甚至不知道我的代码应该在哪里发布，因为它只是基本的CSS，除了Safari之外它在任何地方都能很好地工作。 有什么想法吗？

@edit： 这是一个问题的示例（链接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

我朋友的建议：在您的文档中放置空style标记！只需在标题中放置行<style></style>，一切正常。

Answer 2

查看safari开发人员工具：https://developer.apple.com/technologies/safari/developer-tools.html

发布个别问题的屏幕截图以及html代码段将有助于我们缩小问题范围。