Firefox和IE中的ul样式[重复]

Posted 2023-03-06

【中文标题】Firefox和IE中的ul样式[重复]

【英文标题】：ul styling in firefox and IE [duplicate]

【发布时间】：2013-10-31 16:33:46

【问题描述】：

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

当在 IE 中单击时，在 IE 中的 li 周围会出现虚线边框，但在 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>

【参考方案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/

【讨论】：

谢谢你..这就是我想要的

【参考方案2】：

虚线边框是因为 CSS 中默认的 outline 属性。您可以修改大纲属性来这样做：

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

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

【讨论】：

抱歉不清楚..我已经编辑了我的问题..我实际上希望虚线出现在 Firefox 中，就像它出现在 IE 中一样