2

イントラネット Web サイトのフロントエンドに取り組んでいます。

私が抱えている問題は、リストの互換性に関係しています。私がやりたいのは、リスト項目のスタイルを設定することです。たとえば、箇条書きの代わりに矢印を付けたいと思います。矢印を挿入しましたが、Firefox と Chrome では表示が異なります。

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

これを 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 に答える