Chúng tôi có thể xóa hành vi mặc định của siêu liên kết là hiển thị đường viền chấm xung quanh chúng khi hoạt động hoặc tập trung bằng cách khai báo thuộc tính đường viền CSS trên các liên kết hoạt động / tập trung là không có.
Giải pháp
a, a:active, a:focus {
outline: none;
} Ví dụ
Hãy xem cách xóa đường chấm xung quanh các liên kết đang hoạt động với một ví dụ -
<!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> Đầu ra
Sau đây là đầu ra cho đoạn mã trên -
Trước khi áp dụng giải pháp
Sau khi áp dụng giải pháp
