カスタム箇条書き記号 要素 それは画像ではなく通常の文字です 質問する

カスタム箇条書き記号 要素 それは画像ではなく通常の文字です 質問する

CSS 属性を使用して、カスタム グラフィックを置換箇条書き文字として指定できることがわかりました。

list-style-image

そして、URL を指定します。

ただし、私の場合は、「+」記号だけを使いたいのです。そのためのグラフィックを作成してそれをポイントするのは避けたいのです。むしろ、箇条書き記号としてプラス記号を使用するように順序なしリストに指示したいのです。

これは実行できますか、それとも最初にグラフィックを作成する必要がありますか?

ベストアンサー1

回答が遅くなりましたが、ちょうどこれに出くわしました... 折り返される行のインデントを正しくするには、次の方法を試してください。

ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

li {
  padding-left: 1em;
  text-indent: -1em;
}

li:before {
  content: "+";
  padding-right: 5px;
}

おすすめ記事