Cách viết: đã truy cập trong CSS nội tuyến?

Question

Chủ đề liên quan: How to write a:hover in inline CSS?

Tôi cần tạo một thư email tin tức HTML. Tất cả các kiểu phải là nội dòng. (Theo - http://www.campaignmonitor.com/css/ Không phải tất cả các khách hàng email nhận thẻ STYLE với trong thẻ HEAD nhưng tất cả họ đều thích phong cách nội tuyến..)

Vấn đề của tôi: Các nhà thiết kế muốn có một màu nền tối + liên kết màu trắng, vì vậy tôi sử dụng -

<a href="http://www.mySite.com" target="_blank"> 
    <span style="color: #ffffff;" >ici</span> 
</a> 

nhưng mặc định "đã đến thăm màu" là bóng tối.

Có cách nào khác để thay đổi "màu đã truy cập" không?

Xin cảm ơn,

Atara.

P.S. Tôi cũng đã thử liên kết BODY đã giải mã, thuộc tính vlink. đã không làm việc.

Answer 1

Trước hết, chúc bạn may mắn! Email HTML bị mắc kẹt vững chắc ở cấp độ công nghệ năm 1996.

---

Một điều cần cố gắng nếu bạn không thực sự cần một riêng "viếng thăm" màu là thêm một quan trọng về nhịp!.

Ví dụ, ứng dụng thư của bạn thể có một cái gì đó như thế này trong style sheet của họ:

a:visited * { color: #000 !important; } 

Trong trường hợp đó sẽ ghi đè lên phong cách nội tuyến của bạn.

Vì vậy, hãy thử thay đổi khoảng thời gian của bạn để:

<a href="http://www.example.com" target="_blank"> 
    <span style="color: #ffffff !important;" >ici</span> 
</a> 

để ghi đè lên nó trở lại một lần nữa.

Kiểm tra nhanh trong Chrome cho thấy rằng a:visited * { ... !important} không ghi đè kiểu nội tuyến, nhưng thêm !important quay lại khoảng thời gian hoạt động tốt.

---

2017 Cập nhật hướng dẫn CSS

Các CampaignMonitor bây giờ có vẻ để khuyên bạn sử dụng một yếu tố <style> vào đầu, chứ không phải là nội tuyến tất cả các phong cách. Dựa trên các câu trả lời khác, điều này dường như cung cấp khả năng tương thích tốt nhất với phiên bản Outlook gần đây.

Answer 2

một giải pháp nhanh chóng và dơ bẩn: thêm vlink = "yourcolor" trong cơ thể của bạn Email HTML Tin tức Thư (chỉ hoạt động với DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 Transitional // EN! " " http://www.w3.org/TR/html4/loose.dtd ")

Answer 3

Đây là chủ đề khá cũ nhưng nghĩ rằng nó sẽ hữu ích cho ai đó.Không có gì khác làm việc cho tôi trong Outlook 2013 ngoại trừ việc sử dụng đồng bằng cũ

<style>a:visited{color:white !important}</style> 

trong cơ thể

Answer 4

tôi đã cố gắng tất cả những gì ý tưởng mô tả ở đây vào năm 2016 (với Outlook 2010 trở lên), không ai trong số họ làm việc cho tôi . Nhưng tôi đã thành công sử dụng giải pháp này: https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

Ông sử dụng thẻ mạnh mẽ bên trong thẻ neo (mã từ bài viết trên blog của mình): <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

Nó thậm chí sửa chữa vấn đề của một liên kết thay đổi màu sắc khi chuyển tiếp email với Gmail.

Hy vọng rằng sẽ giúp bất kỳ ai khác!

Answer 5

Tại sao không thử đặt thuộc tính style bên trong thẻ <a> và xóa hoàn toàn <span>?

Làm nội tuyến đó sẽ ghi đè thuộc tính :visited.

Như thế này:

<a href="http://www.example.com" target="_blank" style="color: #ffffff !important;" > 
    ici 
</a> 

Lưu ý: Và chỉ để được an toàn, bạn có thể thêm các !important tài sản trong đó để sao hơn nữa nó lên.

Tôi nghĩ đây là phương pháp hay nhất và cách sạch nhất để thực hiện việc này.