HTML CSS列表样式兼容性

我遇到的问题是与列表兼容性。例如，我想要做的是设计列表项目，而不是有子弹，我想要箭头。我插入了箭头，但与Chrome相比，它在Firefox上的显示方式不同。

在Firefox上，它显示了角落上的项目符号点，但是在Chrome浏览器中，它与我正在查找的链接文本内嵌显示。

下面是列表和箭头的CSS：

.jt-menu .item-280 li li { 
    color: #FFFFFF; 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 16px; 
    margin: 1px 0 0 1px; 
    text-align: left; 
    width: 172px; 
    list-style: disc inside url("../../../../images/barrow.png"); 
}

来源

2013-05-09 Mthe beseti

请重新创建http://jsfiddle.net您的问题，所以我们可以在网上查看。仅仅发布CSS并不会帮助。 – 2013-05-09 10:02:30

嗨塞缪尔。我在jsfiddle.net上创建了菜单，在css上可以看到的是162.行，这里是链接：http://jsfiddle.net/beseti/tatj2/ – 2013-05-09 10:18:32

添加到您的CSS：

.jt-menu > li > ul ul li { 
    width: 240px !important; 
} 
.jt-menu > li > ul ul a { 
    display: inline-block; 
}

来源

2013-05-09 10:39:56

非常感谢你Samuel工作！ – 2013-05-09 10:45:58

尝试将更多的左缘和设置line-height一样高，你的形象。

来源

2013-05-09 10:11:34

HTML CSS列表样式兼容性

回答

相关问题