Html हाइपरलिंक 'a' टैग के डिफॉल्ट लिंक कलर को कैसे हटाएं?

Question

डिफ़ॉल्ट लिंक का रंग नीला है। Html हाइपरलिंक टैग के डिफ़ॉल्ट लिंक रंग को कैसे हटाएं <a>?

Comments

डिफ़ॉल्ट पाठ का रंग <a>नीला है। अब आपकी क्या समस्या है?

— VMAtm

मैं यह पाने की कोशिश कर रहा हूं कि अगर कोई रंग </ b> </ i> को रंग नहीं देता है, तो मैं नहीं चाहता कि वह नीले रंग में दिखे। यह डिफ़ॉल्ट पाठ रंग में है, पाठ का रंग काला या नीला जैसा हो सकता है ...

— Rafiu

@Terry_Brown - मुझे यह प्रश्न काफी उपयोगी लगा, क्योंकि मैं नीचे "रंग: विरासत" उत्तर ढूंढना चाहता था, जो मुझे विश्वास है कि प्रश्न भी संबंधित था ...

— Sk93

Answer 1

इनहेरिट मूल्य :

a { color: inherit; } 

... तत्व को उसके माता-पिता के रंग पर ले जाने का कारण होगा (जो कि मुझे लगता है कि आप ढूंढ रहे हैं)।

Answer 2

आप कुछ इस तरह से कर सकते हैं:

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

यदि पाठ-सजावट काम नहीं करती है, तो पाठ-सजावट शामिल करें: कोई भी नहीं!

Comments

इसके अलावा, यदि आप इसे दबाने के बाद किसी विशिष्ट लिंक के लिए रंग बदलने से रोकना चाहते हैं, तो टैग के अंदर जोड़ें: <A STYLE = "टेक्स्ट-डेकोरेशन: कोई नहीं; रंग = [अपना पसंदीदा चुनें ...]" HREF = " link.html "> परीक्षण लिंक

— #A

<a style="text-decorations:none; color:inherit;>= जीत

— डान ब्रैडबरी

@DanBradbury टेक्स्ट-डेकोरेशन में 's' हटाती है। <a style="text-decoration:none; color:inherit;>

— मुकर्रम पाशा

Answer 3

.cancela,.cancela:link,.cancela:visited,.cancela:hover,.cancela:focus,.cancela:active{
    color: inherit;
    text-decoration: none;
}

मुझे लगा कि उपरोक्त वर्ग की परिभाषा को पोस्ट करना आवश्यक है, इसलिए एसओ के जवाबों में से कुछ राज्यों को याद करते हैं

Answer 4

यदि आप ब्राउज़र द्वारा दिए गए अंडरलाइन और डिफ़ॉल्ट रंग को नहीं देखना चाहते हैं, तो आप अपनी main.css फ़ाइल के शीर्ष में निम्नलिखित कोड रख सकते हैं। यदि आपको अलग-अलग रंग और सजावट स्टाइल की आवश्यकता है, तो आप नीचे दिए गए कोड स्निपेट का उपयोग करके आसानी से चूक को ओवरराइड कर सकते हैं।

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Answer 5

यह भी संभव है:

        a {
            all: unset;
        }

unset: यह कीवर्ड तत्व या तत्व के माता-पिता पर लागू होने वाले सभी गुणों को उनके मूल मान में बदलने के लिए इंगित करता है यदि वे अंतर्निहित हैं या नहीं तो उनके प्रारंभिक मूल्य। यूनिकोड-बीड़ी और दिशा मूल्य प्रभावित नहीं होते हैं।

स्रोत: मोज़िला विवरण

Comments

आप कर सकते हैं , लेकिन सिर्फ इसलिए कि आप इसका मतलब यह नहीं कर सकते हैं कि आपको चाहिए। मैं कहूंगा कि इस नियम की प्रकृति को देखते हुए आपको वास्तव में थोड़ा और इसमें शामिल होना चाहिए कि यह वास्तव में क्या करता है।

— टॉम

जाहिरा तौर पर color: unsetभी काम करता है। मैंने तत्व से ढांचे के रंग हटा दिए, फिर तत्व को लपेट दिया और अपने कस्टम रंग को उस आवरण पर सेट किया ताकि रंग विरासत में मिले।

— ट्रैक्सो

Answer 6

आपको उपयोग करना होगा CSS। यहां डिफ़ॉल्ट लिंक रंग बदलने का एक उदाहरण है, जब लिंक बस वहां बैठा है, जब यह मँडरा जा रहा है और जब यह एक सक्रिय लिंक है।

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

Answer 7

बस इस में जोड़ें CSS,

a {
    color: inherit;
    text-decoration: none;
}

बस, हो गया।

Comments

मैं नहीं जानता, नीचे मतदाता के साथ क्या मुद्दा है, मेरा विश्वास है कि यह काम करता है ...

— ArifMustafa

Answer 8

आप सीएसएस 2.0 के साथ पेश किए गए सिस्टम कलर (18.2) मान का उपयोग कर सकते हैं , लेकिन सीएसएस 3 में अपदस्थ ।

a:link, a:hover, a:active { color: WindowText; }

इस तरह आपके एंकर लिंक का रंग इस सिस्टम पर सामान्य दस्तावेज़ टेक्स्ट के समान होगा।

Answer 9

a:link{color:inherit;}

यह आसान है एक लाइन आप के लिए सभी सामान कर सकते हैं <3

Answer 10

यह काम करेगा

    a:hover, a:focus, a:active {
        outline: none;
    }

यह क्या करता है सभी तीन छद्म वर्गों के लिए रूपरेखा निकालता है।

Comments

कृपया थोड़ा और स्पष्टीकरण दें कि यह क्यों काम करता है।

— मढ़ौरा

प्रश्न

— क्वेंटिन