Question

这里我有一些html我有<div class="col-md-4 col-sm-4"> <div class="allItems"> <a tabindex="0" href="#" target="_blank" class="popup outlne"> <img data-pubimgid="13" src="xyz.png" class="img-responsive" alt=""> </a> </div> </div> this is my html structure 假设在获得焦点时显示轮廓，但它不起作用

a:focus {
    outline: auto !important;
    outline-color: red !important;
}

我尝试用css设置它，就像

一样

{{1}}

但它也不适用于IE浏览器中的上述HTML结构。

Answer 1

试试这个css

 a:focus{
  outline: 1px dotted red !important;
 }

Answer 2

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

在您的网站中添加此Meta标记

IE浏览器中的锚标记不显示大纲

2 个答案: