Question

我正在内网网站的前端工作。

我遇到的问题与列表兼容性有关。我想要做的是设置列表项的样式，例如，我想有箭头，而不是有子弹。我插入了箭头，但与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");   
}

Answer 1

将此添加到您的CSS：

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

Answer 2

尝试添加更多左边距，并将line-height设置为与图像一样高。

HTML CSS列表样式兼容性

2 个答案: