My Playlist

Choose the playlist with checkbox

by Slezi

HTML

<script src="https://code.jquery.com/jquery-1.x-git.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<input class="big-button" type="checkbox" id="checkbox-id" /> <label for="checkbox-id"></label>

CSS

.big-button[type="checkbox"] {
    display: none;
}
.big-button[type="checkbox"] + label{
    background: url(http://xandeadx.ru/examples/styling-checkbox/checkbox-sprite.gif) 0 0 no-repeat;
    padding-left: 20px;
}
.big-button[type="checkbox"]:checked + label{
    background-position: 0 -32px;
}