2011-01-23 59 views
110

Tôi cần mã đại diện của nó, như #FFFFFF.Màu liên kết HTML/CSS mặc định là gì?

+3

Trong những trình duyệt? (Không có "tiêu chuẩn" được xác định.) –

+5

Câu hỏi có thể được hiểu là có liên quan đến cả thực tiễn trình duyệt thực tế và các đề xuất. Đặc biệt là bây giờ HTML5 sắp chuẩn hóa màu sắc (như "hiển thị dự kiến"), câu hỏi là chủ đề và nên được mở lại. Lưu ý rằng câu trả lời có nhiều phiếu bầu nhất * không * tương ứng với thực hành hiện tại và HTML5 CR. –

+0

@Jukka K. Korpela - Cũng lưu ý rằng "câu trả lời có nhiều phiếu nhất" là mục tiêu di động. Vâng, nhưng hãy tham khảo một câu trả lời cụ thể. – Nicolas

Trả lời

143

Như của HTML5, màu nền trước của siêu liên kết, trong số những thứ khác, đang đi đúng hướng để chuẩn hóa ở dạng guidelines for expected default rendering behavior. Đặc biệt, lấy từ phần Phrasing content, màu sắc mặc định khuyến khích cho unvisited và đến thăm các siêu liên kết như sau:

:link { color: #0000EE; } 
:visited { color: #551A8B; } 

Chú ý rằng không có mặc định khuyến khích cho các siêu liên kết hoạt động (:link:active, :visited:active), tuy nhiên.

Bạn có thể sử dụng các màu mặc định này và hợp lý mong muốn chúng hoạt động. Nhưng hãy nhớ rằng một trình duyệt được tự do bỏ qua bất kỳ hoặc tất cả các nguyên tắc này, vì nó không bao giờ được yêu cầu để theo dõi chúng. Tuy nhiên, được đề xuất để có trải nghiệm người dùng nhất quán trên các trình duyệt (như vậy là "mong đợi" được xác định trong ngữ cảnh này), vì vậy, rằng các màu này sẽ tương ứng với mặc định cho hầu hết các trình duyệt. Tệ nhất, chúng vẫn phục vụ như là xấp xỉ hợp lý của các giá trị thực tế.

Cụ thể, các màu liên kết không được truy cập và truy cập mặc định trong các phiên bản mới nhất của Firefox và Chrome phù hợp với các nguyên tắc trên, nhưng các phiên bản gần đây của IE báo cáo các giá trị khác nhau: liên kết không được đăng ký là rgb(0, 102, 204) hoặc #0066CC và các liên kết đã truy cập rgb(128, 0, 128) hoặc #800080. Các phiên bản cũ hơn của Firefox (và có thể cả Safari/Chrome) cũng có các giá trị mặc định khác nhau. Đó là những phiên bản cũ hơn, tuy nhiên; những ngoại lệ chính ngày hôm nay mà tôi biết là IE. Không có từ nào về việc liệu điều này sẽ thay đổi trong Dự án Spartan - hiện tại nó vẫn phản ánh các giá trị giống như phiên bản mới nhất của IE.

Nếu bạn đang tìm kiếm một bảng màu chuẩn được sử dụng bởi tất cả các trình duyệt thay vì được HTML5 đề xuất thì không có. Không có cách nào để hoàn nguyên về giá trị mặc định của trình duyệt cho một thuộc tính cụ thể trên một phần tử cụ thể bằng cách sử dụng CSS thuần túy. Bạn sẽ phải sử dụng các màu được HTML5 đề xuất hoặc tạo ra bảng màu của riêng bạn và sử dụng màu đó thay thế. Một trong các tùy chọn này sẽ được ưu tiên hơn mặc định của trình duyệt, bất kể trình duyệt là gì.

Nếu nghi ngờ, bạn luôn có thể sử dụng kỹ thuật about:blank mà tôi đã mô tả trước đây để tìm ra các màu mặc định, vì nó vẫn được áp dụng hôm nay. Bạn có thể sử dụng điều này để đánh hơi màu liên kết hoạt động trong tất cả các trình duyệt, ví dụ; trong phiên bản mới nhất của Firefox (29 kể từ bản cập nhật này), là rgb(238, 0, 0) hoặc #EE0000.

+0

Cảm ơn bạn, nhưng có một số mã trung bình cho mozilla, safari, tức là, chrome? không chỉ là "màu xanh" mặc định? Tôi cần tất cả các kiểu liên kết (được truy cập, di chuột) để được tạo kiểu mặc định .. – Bill

1

Tùy thuộc hoàn toàn vào trang web bạn đang truy cập và không có ghi đè trên trang web, trên trình duyệt. Không có tiêu chuẩn cho điều đó.

84
  • tiêu chuẩn liên kết - # 0000FF // xanh
  • thăm liên kết - # 800080 // tím
  • hoạt động liên kết - # FF0000 // đỏ

đó là một tiêu chuẩn nhưng nặng nề khác mỗi trình duyệt ngay bây giờ. (vì Nielsen đã từ bỏ nó;)

+6

Cảm ơn bạn rất nhiều. 2 năm sau, đây là câu trả lời chính xác mà tôi đang tìm kiếm. – Thumbz

+11

Tôi không chắc tại sao 66 người lại lấy từ này. Ngay cả khi các giá trị đã đến từ một tiêu chuẩn, mà câu trả lời này không cung cấp nguồn nào, tiêu chuẩn đó từ lâu đã lỗi thời vì câu trả lời này ngụ ý và sử dụng nó trong mã mới sẽ là vô nghĩa. – BoltClock

+0

@stom: Có vẻ như nó phải là một câu trả lời riêng biệt thay thế. Ngay cả khi bạn có nghĩa là nó là một liên kết nguồn, nó không phải là một nguồn hợp lệ vì không có ba giá trị nào ở đây xuất hiện ở đó. – BoltClock

4

Theo số official default HTML stylesheet, không có màu liên kết mặc định được xác định.Tuy nhiên, bạn có thể tìm hiểu mặc định trình duyệt của bạn sử dụng bằng cách chụp ảnh màn hình và sử dụng công cụ pipette trong bất kỳ trình chỉnh sửa đồ họa phong nha nào hoặc sử dụng công cụ nhà phát triển của trình duyệt của bạn (chọn một phần tử a, tìm computed values>color).

0

Cách tốt nhất để tạo kiểu dáng mặc định của trình duyệt trên thứ gì đó là không tạo kiểu cho phần tử ở vị trí đầu tiên.

+3

Vấn đề là đôi khi kiểu dáng xuất phát từ thư viện. Chúng ta vừa nhận thấy rằng biểu định kiểu mặc định của jQuery UI chứa '.ui-widget-content a {color: black; } ', vì vậy bất kỳ liên kết nào trong các tab đều mất màu bình thường của chúng. Tôi muốn ghi đè điều đó và chỉ nhận được các màu mặc định của trình duyệt (hoặc bảng định kiểu cá nhân của người dùng), nhưng thay vào đó tôi sẽ phải tô màu các mã màu cụ thể. – Barmar

+2

Một khoảnh khắc khác khi bạn có thể muốn biết giá trị RGB là nếu bạn muốn bao gồm đồ họa khớp với màu của liên kết – marcelnijman

14

Những màu sắc mặc định trong Gecko, giả sử người dùng đã không thay đổi sở thích của họ, bao gồm:

  • tiêu chuẩn liên kết: #0000EE (màu xanh)
  • liên kết truy cập: #551A8B (màu tím)
  • liên kết hoạt động : #EE0000 (đỏ)

Source

Gecko cũng cung cấp tên cho các màu của người dùng; chúng là -moz-hyperlinktext-moz-visitedhyperlinktext-moz-activehyperlinktext và chúng cũng cung cấp -moz-nativehyperlinktext là màu liên kết hệ thống.

0

Trong CSS bạn có thể sử dụng chuỗi màu currentColor bên trong một liên kết đến ví dụ như làm cho biên giới màu sắc tương tự như liên kết mặc định của bạn màu:

.example { 
    border: 1px solid currentColor; 
} 
0

tôi đã quen với màu sắc của Chrome nên màu xanh trong Chrome cho liên kết là #007bff

0

Mặc html mã màu như thế này:

Red  #FF0000 rgb(255, 0, 0) 
Maroon #800000 rgb(128, 0, 0) 
Yellow #FFFF00 rgb(255, 255, 0) 
Olive #808000 rgb(128, 128, 0) 
Blue  #0000FF rgb(0, 0, 255) 
Navy  #000080 rgb(0, 0, 128) 
Fuchsia #FF00FF rgb(255, 0, 255) 
Purple #800080 rgb(128, 0, 128) 
Các vấn đề liên quan