Màu liên kết HTML / CSS mặc định là gì?

Tôi cần đại diện mã của nó, như #FFFFFF.

Kể từ HTML5, các màu nền trước của các siêu liên kết, trong số những thứ khác, đang trên đường chuẩn hóa dưới dạng hướng dẫn cho hành vi kết xuất mặc định dự kiến . Cụ thể, được lấy từ phần Phrasing nội dung , các màu mặc định được đề xuất cho các siêu liên kết không được truy cập và truy cập như sau:

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

Lưu ý rằng không có mặc định được đề xuất cho các siêu liên kết hoạt động (:link:active, :visited:activeTuy nhiên, ).

Bạn có thể sử dụng các màu mặc định này và mong muốn chúng hoạt động hợp lý . Nhưng hãy nhớ rằng một trình duyệt có thể 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 tuân theo chúng. Tuy nhiên, khuyến nghị cho trải nghiệm người dùng nhất quán trên các trình duyệt (đó là cách "mong đợi" được xác định trong ngữ cảnh này), vì vậy rất có thể những 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ồi 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 Firefox và Chrome mới nhất 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: rgb(0, 102, 204)hoặc #0066CCcác liên kết được truy cập là 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 mặc định khác nhau. Đó là những phiên bản cũ hơn, tuy nhiên; ngoại lệ chính ngày hôm nay mà tôi biết là IE. Vẫn chưa có thông tin nào về việc liệu điều này có thay đổi trong Project Spartan hay không - hiện tại nó vẫn phản ánh các giá trị tương tự như phiên bản IE mới nhất.

Nếu bạn đang tìm kiếm một bảng màu chuẩn hóa được sử dụng bởi tất cả các trình duyệt thay vì được đề xuất bởi HTML5, thì đó không phải là một bảng màu. Không có cách nào để trở lại giá trị mặc định của trình duyệt cho một thuộc tính cụ thể trên một thành phần cụ thể bằng CSS thuần túy. Bạn sẽ phải sử dụng các màu được đề xuất bởi HTML5 hoặc nghĩ ra cách phối màu của riêng bạn và thay vào đó sử dụng màu đó. Một trong hai 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.

Nếu nghi ngờ, bạn luôn có thể sử dụng about:blankkỹ thuật tôi đã mô tả trước đây để phát hiện ra các màu mặc định, vì nó vẫn được áp dụng cho đến ngày 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 Firefox mới nhất (29 kể từ bản cập nhật này) rgb(238, 0, 0), hoặc #EE0000.

• liên kết chuẩn - # 0000FF // màu xanh
• liên kết đã truy cập - # 800080 // màu tím
• liên kết hoạt động - # FF0000 // đỏ

đó là một tiêu chuẩn nhưng khác rất nhiều cho mỗi trình duyệt. (kể từ khi Nielsen từ bỏ nó;)

Các màu mặc định trong Gecko, giả sử người dùng không thay đổi tùy chọn của họ, là:

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

Nguồn

Tắc kè cũng cung cấp tên cho màu sắc của người dùng; chúng là -moz-hyperlinktext -moz-visitedhyperlinktextvà -moz-activehyperlinktextchúng cũng cung cấp -moz-nativehyperlinktextmàu liên kết hệ thống.

Theo biểu định kiểu HTML mặc định chính thức , 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 ra mặc định trình duyệt của mình sử dụng bằng cách chụp ảnh màn hình và sử dụng công cụ pipet trong bất kỳ trình chỉnh sửa đồ họa nào hoặc sử dụng các công cụ dành cho nhà phát triển của trình duyệt của bạn (chọn một ayếu tố, tìm kiếm computed values>color).

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

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

Đối với tôi, trên Chrome (được cập nhật vào tháng 6 năm 2018), màu sắc cho một liên kết không mong muốn là # 2779F6. Bạn luôn có thể có được điều này bằng cách phóng to thật gần, chụp ảnh màn hình và truy cập trang web như html-color-codes.info sẽ chuyển đổi ảnh chụp màn hình thành mã màu.

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

Trong CSS, bạn có thể sử dụng chuỗi màu currentColorbên trong một liên kết để tạo đường viền cùng màu với màu liên kết mặc định của bạn:

.example {
    border: 1px solid currentColor;
}

Mã màu html mặc định 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)