我们正在为用户编写一个网站，不能使用鼠标。他想按键盘上的Tab键在图像之间移动，然后按返回键转到与该图像关联的href链接。我们得到了很多成功。
但是我们怎样才能以某种方式突出显示图像，以便他能够轻松看到他所选择的图像？
我们没有jQuery技能，所以我们试图将编码保持为html和css
我们有代码：
我以为我可以介绍一个类来改变一些关于图像的东西。
例如，我们介绍了一个类
.classA {border：double;}
并使用它
但那没用。我们尝试了很多效果，但都没有效果。
关于我们如何突出显示他所选择的图像的任何建议？
答案 0 :(得分：0)
我们如何突出显示他已选中的图像
当在页面上的锚点之间进行选项卡时，该元素获得“焦点” - 使用:focus伪选择器，我们可以重新设置已使用a:focus img选项卡的锚点内的图像 - 例如：
a:focus img {
border: 1px solid #F00;
}
虽然添加边框可能会破坏布局 - 但您可以执行以下操作：
box-shadow: 0 0 10px #F00;
给它一个红色的光芒 - 使它变得明显，而不影响元素的布局。
答案 1 :(得分：0)
请记住，默认情况下，浏览器会显示大纲。
尝试：
img：focus { 概述：无; border：2px solid #ABCDEF; }