html - 无法添加CSS以在html中切换

Question

我正在使用开关的标签和类，但无法将 css 属性添加到复选框，这样我就可以在不工作的情况下创建开关甚至跨度。

.switch {
  position: relative;
  display: inline - block;
  width: 60 px;
  height: 34 px;
  background: #999
}

<label class="switch"><input type="checkbox"><span class="slider round"></span></label>

Answer 1

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  background: #000000;
  }

<label class="switch"><input type="checkbox"><span class="slider round"></span></label>

请检查上面的代码，我试过它是否有效