Thay đổi màu sắc của một neo khi nhấp

Question

tôi muốn rằng khi tôi nhấp vào liên kết này thay đổi màu sắc của nó sang màu cho

<li id="press"><a href="<?=base_url()?>index.php/page/press">Press</a></li> 

Answer 1

Tất cả các liên kết? a:focus { color: orange; }

Một số liên kết? Cung cấp cho họ một lớp học, ví dụ: <a class="foo" ...>: a.foo:focus { color: purple; }

Một liên kết? Đặt cho nó một id, ví dụ: <a id="bar" ...>: a#bar:focus { color: #BADA55; }

Answer 2

Bạn có thể thực hiện điều đó ở phía máy chủ bằng PHP hoặc với JS.

Với PHP tất cả những gì bạn cần là thêm một tên lớp đã cho vào liên kết khi được nhấp. một ví dụ rất đơn giản sẽ là:

<a href="myURL" class="<?php if(ExpressionToDetermineIfLinkIsClicked) echo 'selected'; ?>"> 

và CSS:

.selected { color: #FF0000; } 

Nếu bạn muốn làm điều đó với JS, và bạn đang sử dụng bất kỳ khung JS chỉ cần tìm kiếm các trang web khuôn khổ cho " Cách thêm sự kiện "&" Cách thêm tên lớp ", sau đó kết hợp những gì bạn sẽ biết từ kết quả tìm kiếm.

Nếu bạn đang có, bởi sự trùng hợp, sử dụng khuôn khổ prototype.js, sau đó bạn có thể thử như sau:

function selectLink(link){ 
    link.addClassName('selected'); 

    var otherLinks = link.siblings(); 

    for(var i = 0; i < otherLinks.lenght; i++){ 
    otherLinks[i].removeClassName('selected');  
    } 

} 

document.observe('dom:loaded', function(){ 
    $('menu').observe('click', function(event){ 
     event.stop(); 
     var link = Event.element(event); 
     selectLink(link); 
     }); 
    }); 

--- 
<div id="menu"> 
<a href="url1" id="link1" class=""> 
<a href="url2" id="link2" class=""> 
<a href="url3" id="link3" class=""> 
</div> 

Answer 3

CSS khai :active sẽ thực hiện những gì bạn đang sau. http://www.w3schools.com/CSS/pr_pseudo_active.asp

Ví dụ.

a:active { 
    color: #C00; 
} 

NB.

a:active PHẢI đến sau a:hover trong định nghĩa CSS để có hiệu lực!

Answer 4

Đây là Css mẫu cho các siêu liên kết đến thăm

a:link {color:#FF0000}  
a:visited{color:Red} 

Hy vọng rằng sẽ giúp.