Html 当target="；时，链接保持其悬停属性_“空白”；_Html_Css

Html 当target="；时，链接保持其悬停属性_“空白”；

html css

Html 当target="；时，链接保持其悬停属性_“空白”；,html,css,Html,Css,每当我将链接设置为打开到新窗口并返回到上一个窗口时，为其设置的悬停属性将保持不变，但当我将鼠标移回该窗口时，它将变回正常状态。我如何在不使用Javascript的情况下修复此问题 HTML: <a href="google.com" target="_blank">Google</a> a:link, a:visited, a:active {color: blue;} a:hover {color: red;} JSFiddle 更新：在Chrome中似乎没有办法

每当我将链接设置为打开到新窗口并返回到上一个窗口时，为其设置的悬停属性将保持不变，但当我将鼠标移回该窗口时，它将变回正常状态。我如何在不使用Javascript的情况下修复此问题

HTML:

<a href="google.com" target="_blank">Google</a>

a:link, a:visited, a:active {color: blue;}

a:hover {color: red;}

JSFiddle

更新：在Chrome中似乎没有办法做到这一点。即使在幕后将焦点设置为另一个元素也不起作用

<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<style>
    a:link {color: blue;}
    a:hover {color: red; background-color:yellow}
    a:active {color: red;}
    </style>
</head>
<body>
<input type='text'>Click this: </input>
<a href="http://yahoo.com" target="_blank">yahoo</a>
<script>
    $('a').click(function() {
        $('input').focus();
    });
</script>
</body>
</html>

这在你描述的情况下应该是有效的，即再次将鼠标滑过窗口。但是，如果在窗口中单击，链接将不再是活动元素，因此样式也将丢失。

我遇到了一个类似的问题，链接样式为按钮，在单击操作打开新窗口时保持其悬停字体颜色。问题是，链接会保持焦点（保持悬停样式），直到您单击其他内容为止，这显然是一个可访问性问题。我提出的解决方法是添加：focus样式和：focus:hover样式，以模仿常规的a和a:hover样式

a, a:focus { color: blue }
a:hover, a:focus:hover { color: white }

我也有同样的问题访问对我有效，而焦点没有。通过“已访问”，它将选择当前浏览器已访问的链接。重点是那些使用键盘导航来访问链接的人：focus将选择作为键盘当前焦点的链接

&:visited { color: $color--tory-blue;       
background-color: $color--white;}

&:hover{color: $color--white;       
background-color: $color--tory-blue;}

这似乎不管用。我试图避免的是链接在被点击后维护hover属性。因此，在我点击链接后，我希望它恢复到原来的样式。请参阅我的更新。那你是在用Chrome测试吗？我想你需要一些Javascript是的，我用的是Chrome。是否已经有一个线程使用JS解决这个bug修复？你必须继续挖掘。我的想法落空了。已经一个月了，只是看看在这个问题上有没有进展？你有没有找到解决办法？

&:visited { color: $color--tory-blue;       
background-color: $color--white;}

&:hover{color: $color--white;       
background-color: $color--tory-blue;}