Помощь по checkbox

219
06 августа 2018, 10:40

Есть где-нибудь информация по тому как делать такие checkbox`ы?

Answer 1

Самый простой вариант - скрывать чекбоксы и стилизовать лейблы к ним:

input { 
  display: none; 
} 
 
label { 
  padding: 5px; 
  background-color: silver; 
  cursor: pointer; 
} 
 
#design:checked ~ label[for="design"], 
#verstka:checked ~ label[for="verstka"], 
#razrabotka:checked ~ label[for="razrabotka"]{ 
  background-color: yellow; 
}
<input type="checkbox" id="design" /> 
<label for="design">Дизайн</label> 
 
<input type="checkbox" id="verstka" /> 
<label for="verstka">Верстка</label> 
 
<input type="checkbox" id="razrabotka" /> 
<label for="razrabotka">Разработка</label>

Answer 2

Да есть. https://bootsnipp.com/tags/checkbox и для понимания https://getbootstrap.com/docs/3.3/css/. Это самый "простой" и "красивый" вариант на мой взгляд

READ ALSO
Загрузка изображений на сайте

Загрузка изображений на сайте

При использовании media-запросов в CSS будет ли загружаться background для десктопа, если разрешение соответствует мобильному устройству?

199
Скробельные боковые панели на странице

Скробельные боковые панели на странице

Хочу сверстать страницу со скробельным содержимым посередине и двумя фиксированными колонками по бокамПри этом боковые колонки так же могут...

217
Как сделать фиксированное боковое меню? [закрыт]

Как сделать фиксированное боковое меню? [закрыт]

Нужно сделать аналогичное меню, по функционалуЧто бы при скролле основной раздел раскрылся и показал на каком подразделе вы находитесь,...

157