Question

Этот CSS для первого чекбокса. Как изменить CSS чтобы работал   второй  https://jsfiddle.net/d3hu0k6g/1/

Answer 1

В данном случае нужно менять не стили, а код второго чекбокса. Лучше сделать вот так:

<!-- Этот CSS для первого чекбокса. Как изменить CSS чтобы работал   второй-->

 

<!--Чекбокс 1-->

  <div style="float:right">

<input type="checkbox" id="demo-copy" name="demo-copy">

<label for="demo-copy">Чекбокс 1</label>

  </div>

 

<!-- Чекбокс 2 -->

<div style="float:left">

<input type="checkbox" id="is_pending" name="is_pending">

<label for="is_pending">Чекбокс 2</label>

</div>

Comments

Спасибо что ответили но к сожелению вы не так поняли. Если бы я мог бы изменять HTML код я бы не менял второй а использовал бы первый, второй код это UCOZ который я немогу изменить но который мне нужно стилизовать. 

Мне удалось изменить CSS и стилизовать чекбокс но проблема в строке 

   input[type="checkbox"]:checked + label:before

он определяет активный чекбокс и изменяет стиль но у меня проблема применить его ко второму чекбоксу

З.Ы нужно изменить CSS и неважно если перестанет работать первый чекбокс, он мне ненужен только второй

---

серега surname,

Наведите конкретный пример проблемы с чекбоксами у вас на сайте (ссылку на сайт предоставьте).

---

Yuri_Geruk,

конкретный пример это второй чекбокс который взят со страницы "Добавления материала" находится этот чекбокс в разделе "Опции материала" там их три если применить эти стили что я привел в пример то он становится нерабочим, а первый чекбокс это пример который показывает что стили рабочие. Нужно просто применить эти стили ко второму чекбоксу и все

---

серега surname,

Эти стили конкретно для чекбоксов страницы добавления не подходят как положено и их нужно переписать на 80%. То есть практически с нуля.