HTML 5区域标记:焦点轮廓颜色在Safari中不可见

时间:2017-02-01 18:35:14

标签: html5 sass accessibility area outline

我在我的网站上使用<area>标记。关于可访问性,如果您通过区域TAB,我想将轮廓颜色更改为黑色。

我正在使用scss(sass)。我试过了:

*:focus {
  outline: none;
}

area  {
    &:focus {
      outline: #000000 3px solid !important;
    }
  }

但是在Safari浏览器中,它不会显示任何边框或颜色:焦点或当我选择通过该区域时?

这是我的<area>

<area shape="poly" alt="My alt text" coords="162,250,183,244,201,244,211,244,203,232,198,223,178,216,169,213,156,216,153,227,135,227,124,230,120,237,120,248,123,257,140,260" href="my-link" title="My-Title" target="_blank">

0 个答案:

没有答案