2012-02-06 15 views
14

संबंधित विषय: How to write a:hover in inline CSS?कैसे लिखें: इनलाइन सीएसएस में देखा गया?

मुझे एक HTML ईमेल समाचार पत्र बनाने की आवश्यकता है। सभी शैलियों इनलाइन होना चाहिए। (के अनुसार - http://www.campaignmonitor.com/css/ नहीं सभी ईमेल क्लाइंट HEAD टैग में साथ स्टाइल टैग पहचान लेकिन वे सभी इनलाइन शैलियों पसंद करते हैं।।)

मेरे समस्या: डिजाइनर एक अंधेरे पृष्ठभूमि रंग + सफेद लिंक है, तो चाहता है मैं उपयोग करता हूं -

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

लेकिन डिफ़ॉल्ट "विज़िट रंग" अंधेरा है।

क्या "विज़िट रंग" बदलने का कोई और तरीका है?

धन्यवाद,

Atara।

पीएस मैंने डिक्रिप्टेड बॉडी लिंक, vlink विशेषताओं को भी आजमाया। काम नहीं किया।

उत्तर

18

सबसे पहले, शुभकामनाएं! एचटीएमएल ईमेल दृढ़ता से 1 99 6 तकनीकी स्तर पर फंस गया है। यदि आप वास्तव में नहीं एक अलग "का दौरा किया" रंग एक! अवधि पर महत्वपूर्ण जोड़ने के लिए है जरूरत


एक बात प्रयास करने के लिए।

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

जो मामले में है कि अपने इनलाइन शैली को पार कर जाएगी:

उदाहरण के लिए, आपके मेल क्लाइंट सकता है उनकी शैली पत्रक में कुछ इस तरह की है।

तो, करने के लिए अपने अवधि बदलने का प्रयास करें:

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

वापस फिर से ओवरराइड कर।

क्रोम में एक त्वरित परीक्षण से पता चलता है कि a:visited * { ... !important} इनलाइन शैली को ओवरराइड करता है, लेकिन !important को अवधि में ठीक काम करता है।


2017 अद्यतन

CampaignMonitor सीएसएस गाइड अब सिर में एक <style> तत्व का उपयोग करने के बजाय इनलाइन किए जाने वाले सभी शैलियों की सिफारिश करने लगता है। अन्य उत्तरों के आधार पर यह Outlook के हाल के संस्करण के साथ सबसे अच्छी संगतता प्रदान करता है।

+0

इस टिप्पणी के लिए धन्यवाद। – Atara

0

एक त्वरित और गंदे समाधान: शरीर अपने HTML ईमेल समाचार पत्र (DOCTYPE HTML जनता के साथ काम करता है "के में vlink जोड़ने =" yourcolor " - // W3C // DTD एचटीएमएल 4.01 संक्रमणकालीन // एन! " " http://www.w3.org/TR/html4/loose.dtd ")

2

यह बहुत पुराना धागा है लेकिन सोचा कि यह किसी के लिए उपयोगी होगा।और कुछ नहीं शरीर

1

मैं सभी कि विचारों 2016 में यहाँ वर्णित (Outlook 2010 के साथ और ऊपर) की कोशिश की अंदर सादे पुराने

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

का उपयोग कर को छोड़कर दृष्टिकोण 2013 में मेरे लिए काम किया, उनमें से कोई भी मेरे लिए काम किया । https://jamesnorthard.com/outlook-changing-visited-link-color-in-email/

वह (अपने ब्लॉग पोस्ट से कोड) लंगर टैग के अंदर मजबूत टैग का उपयोग करता: <a href="#" style="color:#333399;"><strong style="font-weight:normal;">My Link</strong></a>

यह भी एक बदलते लिंक रंग की समस्या ठीक हो जाती है जब एक ईमेल अग्रेषित करते लेकिन मैं इस समाधान का उपयोग सफलता मिली जीमेल के साथ

आशा है कि किसी और की मदद करें!

1

<a> टैग के अंदर style विशेषता को सेट करने का प्रयास क्यों न करें और <span> को पूरी तरह से हटा दें?

ऐसा करना इनलाइन को :visited संपत्ति को ओवरराइट करना चाहिए।

इस तरह

:

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

नोट: और बस सुरक्षित आप इसे आगे का बैक अप करने के लिए वहाँ में !important संपत्ति जोड़ सकते हैं हो सकता है।

मुझे लगता है कि यह करने का सबसे अच्छा अभ्यास और सबसे साफ तरीका है।

संबंधित मुद्दे