Như bạn có thể thấy từ ví dụ bên dưới, tôi có một nền đen và các liên kết màu đỏ để nhấn mạnh vấn đề đường viền chấm chấm này hiển thị trên các liên kết của tôi khi chúng được nhấp. Tôi đã thêm border-style:none
nhưng dường như không có bất kỳ ảnh hưởng nào. Có cách nào khác để xóa đường viền chấm chấm xuất hiện quanh các liên kết khi chúng được nhấp không?Đặt kiểu đường viền: none; trên các thẻ neo của tôi nhưng biên giới hiển thị khi tôi nhấp vào một liên kết - tại sao?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
html, body
{
height: 100%;
margin: 0;
padding: 0;
font-weight:normal;
font-size:12pt;
font-family: Verdana, Arial, Helvetica, serif, sans-serif;
background:black;
}
#linksouter
{
margin: 0;
padding: 0;
border-style:solid;
border-width:0px;
position:absolute;
top: 0px;
left: 0px;
width: 80px;
text-align:left;
}
#linksinner
{
margin: 80px 0 0 .5em;
width:100%;
display:inline;
height:100%;
}
#linksinner a
{
color:red;
text-decoration: none;
display:block;
margin: 5px 0 0 0;
border-style:none;
}
</style>
</head>
<body>
<div id="linksouter">
<div id="linksinner">
<a href="#">1</a>
<a href="#">1</a>
<a href="#">1</a>
<a href="#">1</a>
<a href="#">1</a>
</div>
</div>
</body>
</html>
Tuyệt vời. Có điều gì bạn không biết? – gday
Đường viền là một phần quan trọng trong khả năng truy cập. Nó cho phép người dùng không thể sử dụng chuột để tab xung quanh trang và xem liên kết nào đã tập trung. – Emily
Điểm tốt Emily. Không nhận ra nó là cần thiết cho khả năng tiếp cận. Tuy nhiên, trang web tôi đang thiết kế được dự định là 'thiết kế-y' - không thể truy cập tối đa. – gday