2011-09-06 1 views
6

Tôi đang cố gắng thay đổi màu liên kết của một trong các nút tab của tôi nhưng không hoạt động. Kỳ lạ của nó bởi vì tất cả các thuộc tính khác trong cùng một dấu ngoặc nhọn đều hoạt động tốt nhưng thuộc tính clor:#FFFAFA không hoạt động. Tôi đã đặt nó trên nền #778899 sao cho màu trắng của tuyết trước đây có thể nhìn thấy được.Màu liên kết CSS không hoạt động

Đây là mã.

a:link 
{ 
color:#FFFAFA; 
text-decoration:none; 
background-color:#778899 
} 

nó phải lúc nào cũng màu tím và không bao giờ thay đổi

Đây là mã nơi tôi thực hiện nó

<dl class="profileTab"> 

    <dd class="profileTabContents"><a href="edit.php">Personal Infomration</a></dd> 

    <dd class="profileTabContents"><a href="education.php">Education, Employment & Activities</a></dd> 

    <dd class="profileTabContents"><a href="sports.php">Sports & Athletics</a></dd> 

    <dd class="profileTabContents"><a href="entertainment.php">Entertainment & Attractions</a></dd> 

    <dd class="profileTabContents"><a href="philoSociety.php">Philosophy & Society</a></dd> 

</dl> 

Trả lời

2

trình đối với tôi - http://jsfiddle.net/ZS2Vn/

Đó màu sắc là quá mờ nhạt để nhận thấy sự thay đổi từ nền trắng của trang. Thử đặt màu nền trước hơi tối hơn.

color: #EFEAEA; hoặc color: #DFDADA;

Và tất nhiên, giống như những người khác đã trả lời, bạn nên có selectors giả cho truy cập, hoạt động và di chuột là tốt.

8

Có thể do các liên kết được truy cập.

http://www.w3schools.com/css/css_link.asp

a:link {color:#FFFAFA;}  /* unvisited link */ 
a:visited {color:#FFFAFA;} /* visited link */ 
a:hover {color:#FFFAFA;} /* mouse over link */ 
a:active {color:#FFFAFA;} /* selected link */ 
11

Vâng điều này nên được làm việc, nhưng nó có lẽ là ghi đè bởi trình duyệt của bạn. Làm cho nó:

a, a:link, a:visited { 
    color: #FFFAFA; 
    text-decoration: none; 
    background-color: #778899; 
} 
+0

bị bỏ qua ";" ở màu nền: # 778899 – diwang

1

Điều này là do liên kết bạn đã mở được lưu trữ như đã truy cập trong trình duyệt. Xóa lịch sử của bạn hoặc các liên kết của trang bạn đang làm việc từ lịch sử sẽ thực hiện công việc của bạn. Hãy dùng thử. Đây là giải pháp.