在firefox和IE中的ul样式

Question

我有这个小提琴http://jsfiddle.net/rd2Hc/11/

当在IE中点击时，在IE中获取了一个虚线边框但在Firefox中没有发生..我们可以在firefox中找到它。

<ul>
    <li>
     <a tabIndex="-1" class="ui" id="ui-id-17"  href="#tabs-1">
         Content
         </a>
    </li>
    <li>
        <a tabIndex="-1" class="ui" id="A1" href="#tabs-1">
            People
         </a>
    </li>
    <li>
        <a tabIndex="-1" class="ui" id="A2" href="#tabs-1">
            Test
         </a>
    </li>

Answer 1

是的，有办法。使用属性outline和标记active or focus的状态只需将这些行放入您的Css

a:active, a:focus {
   outline:#00FF00 dotted thin; /*Change the values that you want*/
}

你可以在这里看到http://jsfiddle.net/rd2Hc/7/

Answer 2

虚线边框是因为CSS中的默认outline属性。您可以修改outline属性来执行此操作：

a:active, a:focus {
    outline: 1px dotted #ccc;
}

http://jsfiddle.net/teddyrised/rd2Hc/12/