Blazor HTML Link被隐藏，直到鼠标悬停为止

Question

在Blazor剃须刀页面中，如果我放置HTML锚点，例如<a href="http://example.com">My Text</a>直到将鼠标移到该文本上时，该文本才会显示。我通过将其设置为按钮来解决此问题。这个或更好的链接组件是否有解决方案？

Answer 1

我无法在新项目中复制它。

此行为似乎表明这可能是CSS问题。要确认这一点，请尝试给a一个id并设置特定的样式

#tester {
  visibility: visible;
  display: inline-block;
  color: white;
  background-color: red;
  font-size: 1rem;
}

然后

<a id="tester" href="http://example.com">My Text</a>

当您运行该应用程序时，现在应该可以看到链接。右键单击它，然后选择“检查元素”，然后查看该元素的CSS规则以查找具有删除线字体的任何东西（这意味着它已被更具体的规则覆盖）。

其中之一应该是隐藏您的元素的东西。找到罪魁祸首后，将其杀死：）