好久不弄WEB了，发现一个firefox中关于list-style-type的BUG，顺便散分,该如何处理

好久不弄WEB了，发现一个firefox中关于list-style-type的BUG，顺便散分
在FirefoxX下看
<style>
.introText li{}
</style>
<div class= "introText ">
<ol> <li> 111 </li> <li> 222 </li> </ol>
</div>
这样你发现是没有问题的，但是如果你
<style>
.introText li{list-style:inside;}
</style>
<div class= "introText ">
<ol> <li> 111 </li> <li> 222 </li> </ol>
</div>
就会发现原来的次序标记没有了，替换为了圆点，不知道标准就是这样定的还是怎么的，反正在IE下面是没有问题的，而且如果你.li{list-style:inside;}或者.li{list-style:inside;list-style-type:decimal;} 这样定义才没有问题，所以说应该算是BUG了
如果有高人可以解释下，那就最好，我懒得去bugzilla查看和提交，不知道官方怎么解释的

[解决办法]
关注 css 不熟
[解决办法]
不明白所谓的bug是什么意思啊，呵呵个人见解
ul 无序列表可以为圆点方块菱形
ol 有序列表可以为阿拉伯数字罗马数字==

列表相关属性
一、list-style 是一个属性集合的缩写了，不是一个单独的属性。
其可用值为list-style-type list-style-position list-style-image 这三个值组成
二、list-style-image 属性设置图片作为列表中的项目符号其值可以为none | url
三、list-style-position 属性设置项目符号的位置其值 inside | outside
四、list-style-type 设置符号的样式 none 无 disc 实心圆点 circle 空心圆点 square方块 decimal阿拉伯数字 lower-roman 小写罗马数字 upper-roman 大写罗马数字 lower-alpha 小写字母 upper-alpha 大写字母

如果写成这样list-style-position:inside，ol 有序列表还是阿拉伯数字了，而且项目符号同项目一起缩进了
[code]
<style>
.introText li{list-style-position:inside;}
</style>
<div class= "introText ">
<ol> <li> 111 </li> <li> 222 </li> </ol>
</div>
<div>
<ol> <li> 111 </li> <li> 222 </li> </ol>
</div>
[/code]

或者写成这样list-style:inside decimal，显示都是正常的
[code]
<style>
.introText li{list-style:inside decimal;}
</style>
<div class= "introText ">
<ol> <li> 111 </li> <li> 222 </li> </ol>
</div>
<div>
<ol> <li> 111 </li> <li> 222 </li> </ol>
</div>
[/code]

个人认为出现lz所说的情形造成的原因是list-style:inside 省略的集合值中，FF把ul | ol 的list-style-type都取作默认值disc 即实心圆点去了，而非none。
就像IE中html对象默认100%高度，而body并非100%高度，在FF中Body对象为100%高度，而html并非100%高度，为了统一所有标签的边距，内补白以及父容器高度，通常会加入这样的代码
<style type= "text/css ">

</style>

各个浏览器取得默认值不同而已了，呵呵
[解决办法]
我也遇到过，楼上说得似乎有道理，继续关注
[解决办法]
进来看看
[解决办法]
<style>
.introText li{list-style-display:list-item;}
</style>
<div class= "introText ">
<ol> <li> 111 </li> <li> 222 </li> </ol>
</div>
[解决办法]
看看接分
[解决办法]
:inside
[解决办法]
飘过。。
[解决办法]
看看顺便接分

[解决办法]
是不是BUG不知道，不过在LZ提出之前，倒真没注意这个问题...
[解决办法]
高手！

不器兼容不能是器的bug.
[解决办法]
!!!

.introText li{ list-style-position:inside}

.introText li{list-style: decimal inside;}

如果CSS中的list-style样式有内容, 第一个应该是符号类型,第二才是位置;
[解决办法]
FireFox并不是标准的
[解决办法]
to uno(钢盅郭子)
如果非要说标准，那IE就是不标准的，毕竟firefox是延用网景标准到现在，网景netscape要比ie更早更名
[解决办法]
接分～～
[解决办法]
哈哈，这个默认值的问题讲不清楚啊。
list-type 是一个属性集合的缩写的。并不是独立的属性吧，就像background属性一样
我在前面定义了
a.test
{
background:#000000 url(img/bg.gif);
}
后面我设置了a.test:hover
{
background:#CCCCCC;
}
也许我的目的仅仅是鼠标悬挂的时候让背景变成浅灰色而已了，而且还保留图片。但是在标准兼容的浏览器里面，就仅仅只能看到灰色背景而看不到背景图片的了。因为a 标签默认就没有背景图片的属性值，所以就解释成背景色灰色而已了，原先定义的图片地址没有了。如果仅仅只是想改变背景颜色就修改成background-color:#CCCCCC; 这样就OK了么。
同样的道理border属性集合也是这样的
个人见解了，呵呵
[解决办法]
事实上，FF也有自己的扩展
目前最标准的应该是Opera和Mozzila
[解决办法]
啊，这么多分不顶都不行了。

[解决办法]
关注……
[解决办法]
哈哈!LZ说的对哦!Opera和Mozzila不知道有没有!
帮顶了!
-_-
[解决办法]
帮顶了，接分
[解决办法]
接分
[解决办法]
.introText li{
list-style:inside;
}

在opera 8.5中看也是点，只有完整定义了decimal
.introText li{
list-style:inside decimal;
}

这个是浏览器默认li样式的问题。

而
<style>
.introText li{list-style:inside;}
.li{list-style:inside;}
</style>

li前面有.则表示这是一个class，你要class= "li "才看得到效果。
[解决办法]
只是来看看...
[解决办法]
好多分啊
[解决办法]
自己的经历：
以前用ul/li的代码
为了ff都改成div了
[解决办法]
js
[解决办法]
关注下，LZ是有心人
[解决办法]
关注!
[解决办法]
这也算BUG?
[解决办法]
MARK...
[解决办法]
哈哈哈哈

firefox 对css2.0 支持已经够好了，这样的例子不必强球吧
[解决办法]
只推崇IE
------解决方案--------------------

接分其他不负责
[解决办法]
顶一下回家过年
[解决办法]
thank you
[解决办法]
firefox应该是严格遵守标准的
[解决办法]
详细点,学习
[解决办法]
这个标准还真难说。。。
FF现在没装。。。

好久不弄WEB了发现一个firefox中关于

热点推荐