：焦点在IE

Question

我在后期调查窗口上有一个关于可访问性的问题，我已经处理过了。右上方有一个关闭按钮（作为X的图像），我通过放置焦点伪类包括视觉焦点，现在我面临的问题是，当它聚焦时，关闭按钮周围有白色边框，这正如预期的那样在Chrome，Mozilla中发生，但在IE中会出现蓝色边框。有人可以帮我解决这个蓝色边框并将白色带到原处吗？

我正在分享我使用焦点的代码段

a.close-link:focus {
    outline: 1px dotted white;
}         

Answer 1

虽然活跃和专注于不同的状态，但你可以同时尝试两个目的，我认为

＆＃13;

＆＃13;

a.close-link:focus, a.close-link:active {
        outline: 1px dotted white;
    } 

＆＃13;

＆＃13;

＆＃13;

关注来源 http://www.w3schools.com/CSS/css_pseudo_classes.asp

＆＃13;

＆＃13;

    <div>    
    <input type="text"  id="client" list="allclients"  placeholder="Start typing..." value="" />
    <datalist id="allclients">
        <select>
            <option value="Jack">Jack</option>
            <option value="John">John</option>
        </select>
    </datalist>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

:FOCUS伪类 在IE中工作，相反，我相信您的问题在于outline属性。

试试这个：

  

IE 9

     

George Langley写道，IE 9显然不允许你   删除链接周围的虚线轮廓，除非您包含此元   标记：

     

<meta http-equiv="X-UA-Compatible" content="IE=9" />

^{（(source)）}

Answer 3

我发现了一个解决方法。对于IE9边框默认是这样，所以我现在删除了边框，蓝色轮廓不再存在！

    a.close-link:focus {
        outline: 1px dotted white;
    }

    a.close-link img {
        border: none;
    }