2

我在一个内部网网站的前端工作。

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

2 回答 2

2

Add this to your CSS:

.jt-menu > li > ul ul li {
    width: 240px !important;
}
.jt-menu > li > ul ul a {
    display: inline-block;
}
于 2013-05-09T10:39:56.533 回答
0

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

于 2013-05-09T10:11:34.440 回答