Vadim Bogomazov

Через псевдоэлементы before, after.

Вероятно только так:

input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
}

Но в целом, как тебе уже ответили, лучше скрой его и стилизуй через другой элемент.

Из книг по css нормальную читал только эту. Остальное лучше черпать из статей и доков, потому что книга по css - это бесполезное перечисление свойств в справочном виде, их быстрее посмотреть в интернете.

Наскидку, что вспомнил.

1. Panzoom.
2. Зум svg, видео реализации. Но там без тача, насколько я вижу, нужно будет допиливать.

В api слайдера есть два события - beforeChange и afterChange.

Псевдоэлемент плюс css triangle