Не могу добавить 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

CSS идентифицирует ввод, как показано ниже

input[type='checkbox']:checked{
   //if checked then property
}

Answer 2

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

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

Пожалуйста, проверьте приведенный выше код, я пытался, что он работает

Answer 3

Вопрос неясен, но, насколько я понял, вы пытаетесь придать элементам некоторые стили, и кажется, что ваш стиль не применим к вашим checkbox.

В любом случае,Ваш стиль работает нормально, я только что добавил свойство background, чтобы показать вам, что ваши стили были применены без проблем.

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

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

Если вы пытаетесь задать нестандартные стили для своего флажка, прочитайте ответы на этот вопрос

Добро пожаловать в сообщество StackOverflow, и чем конкретнее будет ваш вопрос, тем лучше вы получите ответы на вопросы ... Удачи!