.checkbox input[type="checkbox"] {
display: none;
}
:root .checkbox {
padding-top:4px;
}
.checkbox label {
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-radius: 2px;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 17px;
padding: 3px 3px 3px 0;
font-weight:normal;
text-align: center;
color: #555;
outline: 0;
}
.checkbox input[type="checkbox"] + label:before {
content: "\f096";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
padding:1px 10px 3px 1px;
}
.checkbox input[type="checkbox"]:checked + label:before {
content: "\f14a";
}
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.