यह मेरा स्निपेट है, मैं लिंक से टेक्स्ट-डेकोरेशन को हटाने की कोशिश कर रहा हूं।

 <ul className="header__links">
              <Link to="/">
                <li>Home</li>
              </Link>
    </ul>

यहां मैंने पहले ही कोशिश की है:

.header__links{
text-decoration: none;
}

मैंने इनलाइन सीएसएस की कोशिश की:

<Link to="/" style={{textDecoration='none'}}>

फिर मैंने एक टैग, उल टैग और ली टैग को भी लक्षित करने का प्रयास किया लेकिन इनमें से कोई भी काम नहीं कर रहा है। कृपया इसे हल करने में मेरी मदद करें।

नोट: मुझे पता है कि यह प्रश्न पहले भी पूछा जा चुका है, लेकिन उनमें से किसी ने भी मेरी समस्या का समाधान नहीं किया, इसलिए मैं इसे पूछ रहा हूं।

0
Arpit Pandey 15 अक्टूबर 2021, 08:39
.header__links a { text-decoration: none; } seharusnya berfungsi. Di dalam .header__links ada elemen a. Elemen ini memiliki beberapa gaya default itu sebabnya, .header__links {...} tidak berfungsi.
 – 
Izabela Furdzik
15 अक्टूबर 2021, 08:57

2 जवाब

सबसे बढ़िया उत्तर

यह सिर्फ टाइपो है ..

style={{textDecoration='none'}} => style={{textDecoration: 'none'}}

1
kyun 15 अक्टूबर 2021, 08:43

ठीक है, मुझे आखिरकार इसका कारण मिल गया, यह मेरे अनुमान से कुछ ब्राउज़र कॉन्फ़िगरेशन के कारण था, यहाँ वह कोड है जिसने इसे ठीक किया है:

a:-webkit-any-link {
  text-decoration: none;
  color: white;
  cursor: pointer;
}
1
Arpit Pandey 15 अक्टूबर 2021, 08:53