我真的很茫然。我将这个CodePen分叉为一个非常酷的按钮转换，我在我的网站上使用它。 （忘掉谁最初制作它但他们摇滚）。
疯狂的是，代码适用于所有浏览器中的CodePen，以及Chrome和Firefox中的网站，但不适用于Safari。在Safari中，当按钮悬停时，红色气泡填充永远不会出现，文本只会变为白色（使按钮对于所有意图和目的都不可见）。
我查看了this回答和this回答。 由于它似乎是父子关系的问题，我尝试从其他答案中添加建议代码：
.parent:hover .child{ display:inline-block; }
但这并没有完成任何事情。我知道它基本上不可能调试，因为codepen工作正常，但任何一般的想法或我可以尝试的事情都会非常有帮助。谢谢！