如何保持:加载pdf后悬停选择器的功能

Question

所以我有一个用来加载pdf的锚元素。然而，在加载pdf之后，:hover样式会一直停留在屏幕上，直到我单击屏幕上的其他地方。在这一点上，它恢复到正常。没有用于它的js，下面是css：

.my-btn {
    color: #3568c4;
    background-color: transparent;
    border-color: #3568c4;
}

.my-btn:hover {
    background-color: #3568c4;
    color: white;
}

Answer 1

我认为浏览器的默认设置正在妨碍您尝试重新设置它们，或者使用您定义的类来设置它们

在CSS定义中，

a:hover必须位于:link和a:visited之后才能生效！

答:在CSS定义中，active必须位于:hover之后才能生效！

伪类名称不区分大小写。

​

.my-btn,
.my-btn:visited {
  color: #3568c4;
  background-color: transparent;
  border-color: #3568c4;
}

.my-btn:hover {
  background-color: #3568c4;
  color: white;
}

.my-btn:active {
  color: #3568c4;
  background-color: transparent;
  border-color: #3568c4;
}

<p>Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective! </p>
<p>a:active MUST come after a:hover in the CSS definition in order to be effective! </p>
<p>Pseudo-class names are not case-sensitive.</p>
<button class="my-btn">Test</button>

​