今天做项目时遇到各ul标签去项标记的问题。用 list-style:none,在IE下成功的将项标记的小黑点去除了。可打开google浏览器运行,小黑点还在。然后我将list-style:none改为list-style-type :none,再次运行,代码正常了。
于是上网查看下list-style属性说明。
list-style属性是一个简写属性,涵盖了所有其他列表样式属性。
例:
ul
{
list-style:square inside url('/i/arrow.gif');
}
可以按顺序设置如下属性:
- list-style-type 设置列表项标记的类型。参阅:list-style-type 中可能的值。
- list-style-position 设置在何处放置列表项标记。参阅:list-style-position 中可能的值。
- list-style-image 使用图像来替换列表项的标记。参阅:list-style-image 中可能的值。
根据实际需要可以设置不同的属性。
总结:list-style-type 属性是所有浏览器都支持的属性,因此写代码是要尽量严谨。无特殊需求的话,写全list-style-type,而非偷懒只写list-style。