NavLink中来自react-router-dom的意外背景颜色|苹果浏览器

Question

在我的应用列表中单击PS1='\u@\H: \w$(__git_ps1 "[\[\e[0;32m\]%s\[\e[0m\]\[\e[0;33m\]$(parse_git_dirty)\[\e[0m\]]")\n\[\e[1m\]\t\[\e[0m\] $' # ^^ ^^ ^^ ^^ 元素（它们是NavLink的{​​{1}}）时，它们在活动时很丑陋。我尝试为它们应用某些样式，例如：

NavLink

但是它们仍然表现得很奇怪，它们甚至都没有放在中央，只占据了元素全高的2/3。我试图在浏览器中重现该问题，但失败了。但是我从Safari看到一张照片，当您单击或按住它几秒钟时，它看起来有多糟。

此灰色区域实际上是react-router-dom元素。即使可见内容位于const StyledLink = styled(NavLink)` text-decoration: none; color: inherit; &:focus, &:hover, &:visited, &:link, &:active { text-decoration: none; background: none; } `; 内部，也不会占据全部高度。我尝试应用NavLink，但仍然没有效果。

该问题在Android Chrome中不可见。仅Safari