css - 更多无序列表填充/边距跨浏览器疯狂

标签 css internet-explorer firefox

我刚刚收到这个很棒的帮助: Is there a way to extend background color of unordered list items to go behind bullets?

然后我处理文本缩进属性以再次排列这个无序列表中的换行文本,但是你瞧,看起来 IE 和 FF 处理填充的方式不同,足以真正弄乱布局。有什么解决办法吗?

火狐(好)

FF Good
(来源:mbira.me)

IE(坏) alt text
(来源:mbira.me)

列表的CSS:

.registerbox ul{

}

.registerbox ul li.light{
list-style-type:disc;
list-style-position:inside;
margin:2px 0px 2px -20px;
padding:2px 30px;
background-color:#FFFFB0;
text-indent:-12px;
}
.registerbox ul li.dark{
list-style-type:disc;
list-style-position:inside;
margin:2px 0px 2px -20px;
padding:0px 30px;
text-indent:-12px;
}

最佳答案

为了解决这个问题,我最终制作了子弹的 png 并去掉了默认的子弹。

关于css - 更多无序列表填充/边距跨浏览器疯狂,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2144195/

相关文章:

javascript - 防止中键单击按钮在 FIREFOX 中打开新选项卡不起作用

HTML5 音频不适用于 Firefox

html - 我可以在这个复杂的不规则形状链接上使用 CSS 悬停吗

html - 水平放置 DIV 元素(CSS 和 HTML)

html - 在菜单栏中为 Logo 创建切口

javascript - IE 有时不会触发 onload

css - 如何在打印预览中设置页边距为 0?

html - IE 在点击时显示图像映射剪切的形状

css - 如何将内联 CSS 样式添加到 Gmail 电子邮件 (SES sendRawEmail)?

javascript - Mozilla FF browser.tabs.create() 不起作用