हम हाइपरलिंक्स के डिफ़ॉल्ट व्यवहार को हटा सकते हैं, जो सक्रिय या केंद्रित लिंक पर सीएसएस आउटलाइन प्रॉपर्टी को कोई नहीं होने की घोषणा करके सक्रिय या केंद्रित होने पर अपने चारों ओर एक बिंदीदार रूपरेखा दिखाना है।
समाधान
a, a:active, a:focus {
outline: none;
} उदाहरण
आइए देखें कि एक उदाहरण के साथ सक्रिय लिंक के चारों ओर बिंदीदार रेखा को कैसे हटाया जाए -
<!DOCTYPE html>
<html>
<head>
<title>Remove dotted line around links using css</title>
</head>
<style>
div {
color: #000;
padding:20px;
background-image: linear-gradient(135deg, #dc3545 0%, #9599E2 100%);
text-align: center;
}
a, a:active, a:focus {
outline: none;
}
</style>
<body>
<div>
<h1>HTML Links Demo</h1>
<a href="https://google.com" target="_blank">Go To Google</a>
</div>
</body>
</html> आउटपुट
उपरोक्त कोड के लिए आउटपुट निम्नलिखित है -
समाधान लागू करने से पहले
समाधान लागू करने के बाद
