禁用的元素获取焦点在Chrome和Firefox中

Question

我正在使用img标记。通常图像不会包含在TAB导航流程中。所以我将img标签的“tabindex”属性设置为0，以便它被包含在流程中。我禁用了它。在这种情况下，在IE中，这个img没有得到关注。而在FF和Chrome中，尽管禁用了它，但它仍然得到了重点关注。我的观察结果是，tabindex = 0的元素虽然已启用或已禁用，但已包含在webkit的TAB导航流中。

如何克服这一点。

原始代码：

<img id="_arrowdown" tabindex='0' src="icons/ArrowDown.png"/> 

试图修复：

<img id="_arrowdown" tabindex='0' src="icons/ArrowDown.png" onFocus="if(document.getElementById('_arrowdown').disabled == true){return false;}" disabled='true'> 

但此修复程序不起作用。

Answer 1

您可以添加

img:focus { 
outline-width: 0; 
} 

Fiddle

更新fiddle它适用于残疾人img

Answer 2

您可以设置tabindex=-1当你设置disabled，并tabindex=0启用了IMG的时候。 这会阻止图像仅在禁用时才被聚焦。