प्रतिक्रिया <लिंक> से पाठ-सजावट कैसे निकालें?

Question

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

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

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

.header__links{
text-decoration: none;
}

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

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

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

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

css reactjs jsx

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

Answer 1

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

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

1

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

Answer 2

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

a:-webkit-any-link {
  text-decoration: none;
  color: white;
  cursor: pointer;
}

1

Arpit Pandey 15 अक्टूबर 2021, 08:53

प्रतिक्रिया <लिंक> से पाठ-सजावट कैसे निकालें?

2 जवाब

संबंधित सवाल

नए सवाल