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列表樣式兼容性

回答

相關問題