【问题标题】:CSS: applying border to tab focus imageCSS:将边框应用于标签焦点图像
【发布时间】:2013-06-04 11:25:17
【问题描述】:

使用 CSS,我如何在使用键盘 TAB 的焦点周围放置边框以浏览页面?

这里展示了如何处理文本而不是图像

http://www.joepettersson.com/demo/the-outline-property

* { outline: none;}

我试过了:

a img:focus{
    border: 5px solid #900;
}

但不会工作。

【问题讨论】:

  • 引用的页面显示了一些修改outline(不是边框)的方法,引用的规则只是删除了默认的轮廓。目前尚不清楚您想要轮廓还是边框。 (一般来说,大纲比较好。)
  • 通常将所有元素的大纲属性重置为无是一件非常糟糕的事情。没有充分的理由应该这样做。

标签: html css navigation


【解决方案1】:

试试这个:

a:focus img {
    border: 5px solid #900;
}

【讨论】:

    【解决方案2】:

    使用Demo

    a:focus {
        border: 5px solid #990000;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-02-21
      • 2015-06-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-11-30
      • 1970-01-01
      相关资源
      最近更新 更多