टेक्स्ट-सजावट: कोई भी काम नहीं कर रहा

Question

पूरी तरह से परेशान! मैंने कई अलग-अलग तरीकों से text-decoration: none लाइन को फिर से लिखने की कोशिश की है। मैं इसे लक्षित करके टेक्स्ट को दोबारा आकार देने में भी कामयाब रहा लेकिन text-decoration: none कोड नहीं लेगा।

बहुत सराहना की सहायता करें।

कोड

.widget  
 
{ 
 
    height: 320px; 
 
    width: 220px; 
 
    background-color: #e6e6e6; 
 
    position: relative;        
 
    overflow: hidden;       
 
} 
 

 

 
.title  
 
{ 
 
    font-family: Georgia, Times New Roman, serif; 
 
    font-size: 12px; 
 
    color: #E6E6E6; 
 
    text-align: center; 
 
    letter-spacing: 1px; 
 
    text-transform: uppercase; 
 
    background-color: #4D4D4D;  
 
    position: absolute; 
 
    top: 0; 
 
    padding: 5px; 
 
    width: 100%; 
 
    margin-bottom: 1px; 
 
    height: 28px; 
 
    text-decoration: none; 
 
} 
 

 
a .title  
 
{ 
 
    text-decoration: none; 
 
}

<a href="#"> 
 
    <div class="widget"> 
 
     <div class="title">Underlined. Why?</div> 
 
    </div> 
 
</a>

Answer 1

आप एक ब्लॉक तत्व (div) एक इनलाइन तत्व के अंदर (क)। यह एचटीएमएल 5 में काम करता है, लेकिन एचटीएमएल 4 नहीं। इस प्रकार केवल ब्राउज़र जो वास्तव में एचटीएमएल 5 का समर्थन करते हैं।

जब ब्राउज़र अवैध मार्कअप का सामना करते हैं, तो वे इसे ठीक करने का प्रयास करेंगे, लेकिन विभिन्न ब्राउज़र अलग-अलग तरीकों से ऐसा करेंगे, इसलिए परिणाम बदलता है। कुछ ब्राउज़र इनलाइन तत्व के बाहर ब्लॉक तत्व को स्थानांतरित करेंगे, कुछ इसे अनदेखा करेंगे।

Answer 2

कोशिश अपने स्टाइलशीट को यह जोड़ने:

a {text-decoration:none;} 

Answer 3

मैंने अभी यह पुराना तरीका किया है कि मुझे पता है कि यह सही नहीं है लेकिन यह एक त्वरित समाधान है।

<h1><a href="#"><font color="#FFF">LINK</font></a></h1> 

Answer 4

उपयोग CSS Pseudo-classes और अपना टैग एक वर्ग, उदाहरण के लिए दे:

<a class="noDecoration" href="#"> 

और अपने स्टाइलशीट से जोड़ें:

.noDecoration, a:link, a:visited { 
    text-decoration: none; 
} 

Answer 5

अपने text-decoration: none; अपने एक पर रखने का प्रयास करें: मंडराना सीएसएस ।

<a href="#"> 
    <div class="widget"> 
     <div class="title" style="text-decoration: none;">Underlined. Why?</div> 
    </div> 
</a>​ 

यह काम करता है:

Answer 6

मैं एक जवाब है।

Answer 7

a:link{ 
    text-decoration: none!important; 
} 

=>, मेरे साथ :) कार्य सौभाग्य

Answer 8

मैं मेरा क्रोम में काम करने के लिए प्राप्त करने के लिए नीचे दिए गए कोड का इस्तेमाल किया।

a:-webkit-any-link { color: black; } 

Answer 9

अपने हैडर टैग पर इस बयान जोड़ें:: आप नेस्टिंग समायोजित कर सकते हैं

<style> 
a:link{ 
    text-decoration: none!important; 
    cursor: pointer; 
} 
</style> 

Answer 10

कोई रेखांकन मैं भी नष्ट कर दिया हैं 'पाठ सजावट: कोई नहीं;' आपके कोड से लेकिन मुझे एक समान अनुभव था।

तो मैं एक कोड जोड़ा

a{ 
text-decoration: none; 
} 

और

a:hover{ 
text-decoration: none; 
} 

तो, के साथ अपने कोड का प्रयास करें: मंडराना।

Answer 11

जब मैंने वर्डप्रेस थीम को कस्टमाइज़ करने की कोशिश की और टेक्स्ट-सजावट ने मेरी मदद नहीं की तो मुझे बहुत सी सिरदर्द था। मेरे मामले में मुझे बॉक्स-छाया भी हटा देना पड़ा।

a:hover { 
    text-decoration: none; 
    box-shadow: none; 
}