继续列表项目背景颜色到容器左侧

Question

我创建了一个待办事项列表，并应用了样式，甚至将列表项设置为带有li:nth-child(even)的浅灰色背景颜色，但这些行的左侧有一个间隙，其中白色不会继续到期为li元素设置margin-left: 15px。我希望白色一直填充到容器的左侧，但是文本仍然在其右侧15px处开始。我怎么能做到这一点？这是相关的CSS（查看CodePen了解更多信息）：

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

li {
  background: white;
  /* distance from the top of the first line of text to the top of the second */
  line-height: 40px;
  min-height: 40px;
  color: #666;
  margin-left: 15px;
  position: relative;
}

/* Sets color of even li elements */
li:nth-child(even) {
  background: #f7f7f7;
}

/* Sets appearance of span content (Bootstrap trash can icon) when user hovers over list item */
li:hover span {
  width: 40px; /* Applies to icon background */
  opacity: 1.0;
}

Answer 1

更改

onCreate()

到

margin-left:15px;