Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .checkboxContainer {
- display: block;
- position: relative;
- padding-left: 35px;
- margin-bottom: 12px;
- cursor: pointer;
- font-size: 22px;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .checkboxContainer input {
- position: absolute;
- opacity: 0;
- cursor: pointer;
- height: 0;
- width: 0;
- }
- .checkmark {
- position: absolute;
- top: 0;
- left: 0;
- height: 25px;
- width: 25px;
- background-color: #eee;
- }
- .checkboxContainer input:checked ~ .checkmark {
- background-color: #bc0e0d;
- }
- .checkmark::after {
- content: "";
- position: absolute;
- display: none;
- }
- .checkboxContainer input:checked ~ .checkmark::after {
- display: block;
- }
- .checkboxContainer .checkmark:after {
- left: 9px;
- top: 5px;
- width: 5px;
- height: 10px;
- border: solid white;
- border-width: 0 3px 3px 0;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement