Показать сообщение отдельно
  #7 (permalink)  
Старый 03.07.2019, 18:25
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от рони
код рабочий
У вас в обоих случаях код работает только с мышью, он не работает на планшете и телефоне! Код, который я приводил, работает на устройствах и не требует наличия мыши.

Сообщение от рони
вопрос по css, можно ли как-то изменить цвет фона checkbox?
Можно, для этого есть свойство background-color. Если вам мешает предустановленное оформление от браузера, то используйте appearance: none;

input[type="checkbox"] {
    /* -moz-appearance: none;*/ /* возможно для старых Firefox */
    -webkit-appearance: none;
    appearance: none;
}


После того, как вы применили appearance: none;, стилизация состояния ложится на вас! Пример... https://codepen.io/Malleys/pen/ZNZvqV?editors=0100
Ответить с цитированием