2014-06-30 38 views
5

Bất cứ khi nào tôi đặt liên kết để mở cửa sổ mới và quay lại cửa sổ trước đó, thuộc tính di chuột được đặt cho nó dính nhưng khi tôi quay lại cửa sổ thay đổi trở lại bình thường. Làm thế nào tôi có thể sửa lỗi này mà không cần sử dụng Javascript?Liên kết nằm trên thuộc tính di chuột của nó khi target = "_ blank"

HTML:

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

CSS:

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

a:hover {color: red;} 

JSFiddle

http://jsfiddle.net/5EXFB/

+1

Bạn có nhận được giải pháp nào cho điều này không? – Presse

Trả lời

0

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.

+0

Điều đó dường như không làm được điều này. Những gì tôi đang cố gắng để tránh là liên kết duy trì tài sản di chuột sau khi nó được nhấp. Vì vậy, ngay sau khi tôi nhấp vào liên kết tôi muốn nó hoàn nguyên về (các) kiểu gốc của nó. –

+0

Không có giải pháp nào trong Chrome? –

+0

Xem cập nhật của tôi. Bạn có đang thử nghiệm với Chrome sau đó không? Tôi nghi ngờ bạn sẽ cần một số javascript – slolife

Các vấn đề liên quan