小编Sul*_*yev的帖子

我有 2 个数组，一个用于可能的复选框变体，另一个用于已保存的复选框。例如 VUEJS 模板

<ul>
                <li v-for="cit in possable">
                    <label>
                    <input  
                        type="checkbox"
                        :checked="savedcbx.indexOf(+cit.id)>-1"
                        :value="cit.id"/>
                    {{cit.rname}}
                    </label>
                </li>
            </ul>

我的问题是如何将新的复选框添加到保存的数组或从保存的数组中删除 uncheckedbox&

HTMLul元素将子元素悬停在父元素上

ul li:hover {
  background-color: pink;
}

<ul>
  <li>1
    <ul>
      <li>1</li>
      <li>1</li>
      <li>1</li>
      <li>1</li>
      <li>1</li>
    </ul>
  </li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
  <li>1</li>
</ul>

小提琴

例行中的5个按钮的HTML按钮元素呈现不同，带有文本的按钮呈现在相同的顶部位置，但是没有文本的按钮呈现上半部分。让我告诉你
https://jsfiddle.net/zznjrv9L/ html

<button>234</button>
<button></button>
<button>234</button>
<button>234</button>
<button></button>

的CSS

 button{
  height:25px;
  width:25px;
  }

我在Chrome浏览器中尝试过。我该如何解决所有按钮都呈现在同一顶部位置的问题？