html - 如何让 <img> 标签成为焦点

标签 html css

我在 html 页面中有以下代码:

<img id="image_java"  alt="image_not" src="images/java-icon.png">

在css页面下面的代码:

#image_java: focus {
outline: 2px solid blue;
}

我也试过:

img:focus{
outline: 2px solid blue;

但它们似乎都不起作用,它们应该在聚焦时在图像周围显示蓝色边距。 有谁知道这是怎么做到的吗?谢谢!!!

最佳答案

实际上你可以关注 <img> - 在 tabindex 的帮助下:

img:focus {
    outline: 2px solid blue;
}
<img src="http://www.w3schools.com/images/w3logotest2.png" tabindex="0">

关于html - 如何让 <img> 标签成为焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27327765/

相关文章:

css - Bootstrap - 如何使文本框响应?

css - Angular 组件 jenkins 为 'auto' css 属性构建问题

html - 元素之间难以理解的空间

css - float DIV 导致下面的相关 DIV 定位错误

ios - 如何在 Objective-C 中编辑 CSS 文件

javascript - 对多个 Owl Carousel 使用不同的 css

javascript - 每个单选按钮的不同样式

html - 一小部分用户加载几天前的 HTML?

javascript - 删除多行文本区域中特定字符后的所有字符

javascript - 单击 chceckbox 时切换启用和禁用 div 中的所有输入