li子弹点需要背景颜色

Question

我希望我的<li>列表项目项目符号包含在列表的背景颜色中。它目前看起来像子弹点没有背景颜色的第二个例子，但我希望它看起来像第一个：

如何将背景颜色添加到项目符号点？

Answer 1

你想要这个。

li {
  list-style-position: inside;

}

＆＃13;

＆＃13;

ul {
  display: inline-block;
}
li {
  list-style-position: inside;
  background: orange;
}

＆＃13;

<ul>
  <li>Item1</li>
  <li>Item2</li>
  <li>Item3</li>
  <li>Item4</li>
  <li>Item5</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你的问题不容易理解。你能为我们发一个代码示例来帮助你吗？

根据我的要求，你有li想要添加背景颜色，但是你不希望它在点（•）之后开始，但也包括点？

您所追求的财产是：list-style-position: inside;

＆＃13;

＆＃13;

li {
  background-color:red;
  list-style-position: inside;
 }

＆＃13;

<ul>
  <li>asdf</li>
  <li>qwer</li>
  <li>zxcv</li>
</ul>

＆＃13;

＆＃13;

＆＃13;