আমরা হাইপারলিঙ্কগুলির ডিফল্ট আচরণকে সরিয়ে দিতে পারি যা সক্রিয়/ফোকাস করা লিঙ্কগুলিতে CSS আউটলাইন প্রপার্টি ঘোষণা করে সক্রিয় বা ফোকাস করার সময় নিজেদের চারপাশে একটি ডটেড আউটলাইন দেখাতে পারে৷
সমাধান
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> আউটপুট
উপরের কোডের আউটপুট −
নিচে দেওয়া হলসমাধান প্রয়োগ করার আগে
সমাধান প্রয়োগ করার পরে
