无法让我的链接颜色与圆圈一起使用

Question

>我已经设置了以下内容以在我的<li>项目中生成圆圈

li {     list-style: circle; color: #fcbf00; }

但是，它不显示颜色。我该如何解决这个问题？

发布了一个链接来显示我的完整 CSS：http://pastebin.com/1h7YyGqW

Answer 1

重复。

你在寻找这样的东西吗？

如果没有，也许您应该尝试将图像设置为带有list-style-image的项目符号

Answer 2

由于使用选择器的边距设置*因此看不到项目符号。

向正文容器添加填充或边距，或将list-style-position设置为inside

.ul1 li {
  list-style: circle outside;
  color: red;
}
.ul2 li {
  list-style: circle inside;
  color: green;
}
.ul3 {
  padding: 0 2em;
}
.ul3 li {
  list-style: circle outside;
  color: blue;
}
* {
  margin: 0;
  padding: 0;
}
body {width: 200px;}

<h2>Outside list</h2>
<ul class="ul1">
  <li>Lorem ipsum dolor sit amet, consectetur.</li>
  <li>Id nesciunt, provident! Ullam, voluptate, ipsum!</li>
  <li>Blanditiis voluptatibus deleniti amet. Assumenda, praesentium.</li>
</ul>
<h2>Inside list</h2>
<ul class="ul2">
  <li>Lorem ipsum dolor sit amet, consectetur.</li>
  <li>Voluptates tempora laudantium saepe voluptas placeat.</li>
  <li>Harum accusamus nihil consequuntur, hic repudiandae.</li>
</ul>
<h2>Outside list with padding</h2>
<ul class="ul3">
  <li>Lorem ipsum dolor sit amet, consectetur.</li>
  <li>Molestiae saepe minus, quod officia ducimus.</li>
  <li>Omnis nisi excepturi nobis neque. Unde.</li>
</ul>