Cập nhật: Dường như không có cách nào để thực hiện trong Chrome. Thậm chí thiết lập tập trung vào một yếu tố đằng sau hậu trường không
<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>
Cập nhật: Mã của tôi dưới đây không làm việc trong IE hay Chrome. Trong IE, khi bạn chuyển trở lại cửa sổ, tiêu điểm hoạt động đã biến mất và trong Chrome, di chuột sẽ xóa tiêu điểm đang hoạt động. Trong thực tế, tôi nghĩ rằng trọng tâm hoạt động đã biến mất khi cửa sổ mục tiêu mở ra, nó chỉ là IE repaints ngay lập tức và Chrome repaints sau đó.
=======================
Di chuyển: hoạt động được giống như: hover:
a:link, a:visited, {color: blue;}
a:hover, a:active {color: red;}
Điều đó sẽ làm việc trong tình huống bạn mô tả đó là để di chuột qua cửa sổ một lần nữa. Tuy nhiên, nếu bạn nhấp vào trong cửa sổ, liên kết sẽ không còn là phần tử hoạt động nữa, do đó, kiểu cũng sẽ bị mất.
Bạn có nhận được giải pháp nào cho điều này không? – Presse