javascript - 如何更改 angularJS+Bootstrap 中的行？

Question

我正在处理一棵树，可以在下面的 plunker 中看到来自用户Maxim Shoustin .这正是我们所需要的，但我的头撞到了树上显示的线条。我更改了 .css 中的许多参数，但似乎没有任何内容改变这些行。

.css开头如下:

   .tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
    }

如何更改行和复选框之间的分隔？我怎样才能让每个子节点的最后一个分支都是一个“干净的 Angular 落”？ (意味着没有像示例中那样的额外行)。

如有任何帮助或引用，我们将不胜感激。

编辑:问题似乎不够清楚。我一直在玩 .css 但我真的不知道在哪里更改线条属性。见下图:

我想要的是: 1)删除复选框和行之间的空白。 2)去掉拐 Angular 处的这条多余的线。 任何想法？ 请注意我没有复制完整的 .css

Answer 1

要将行移动到顶部，请更改此属性:

.tree li::before{
  top:-5px;
}

对我有用!