在Firefox和IE中的ul样式

9 浏览
0 Comments

在Firefox和IE中的ul样式

我有一个JSFiddle链接（http://jsfiddle.net/rd2Hc/11/），在IE中点击时，li周围会有虚线边框，但在Firefox中不会发生。有没有办法让Firefox也出现这个效果？

代码如下：

0

2 答案

0 Comments

问题的出现原因是因为在CSS中默认的outline属性导致的。可以通过修改outline属性来解决问题：

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

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

抱歉之前表达不清楚..我已经编辑了我的问题..实际上我想要在firefox中也能像在IE中那样显示出虚线。

0
0 Comments

问题出现的原因是在Firefox和IE中，ul元素有一个默认的样式，导致在页面中展示时样式不一致。解决方法是通过CSS代码设置ul元素的样式，使其在不同浏览器中保持一致。

具体的解决方法是使用以下CSS代码：

ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
}

在Firefox和IE中，ul元素的默认样式会给其添加一些padding和margin，导致在页面中显示时有一些不一致。通过将padding和margin设置为0，以及将list-style-type设置为none，可以消除这些差异，使ul元素在不同浏览器中展示一致。

使用以上CSS代码可以解决ul元素在Firefox和IE中的样式问题，确保页面在不同浏览器中的展示一致。

0