Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- input[type='radio']:not(old) {
- width: 2em;
- margin: 0;
- padding: 0;
- font-size: 1em;
- opacity: 0;
- }
- input[type='radio']:not(old) + label {
- display: inline-block;
- margin-left: -41px;
- margin-right: 6px;
- }
- // condition non checked
- input[type='radio']:not(old) + label > span {
- display: inline-block;
- width: 15.67px;
- max-width: 15.67px;
- max-height: 16px;
- height: 16px;
- margin: 4px 8px;
- border: 1.5px solid black;
- border-radius: 100%;
- vertical-align: bottom;
- background: #fff;
- }
- // condition checked
- input[type='radio']:not(old):checked + label > span {
- background-image: red;
- border: 1.5px solid red;
- }
- // bulatan after click
- input[type='radio']:not(old):checked + label > span > span {
- display: block;
- width: 5.9px;
- max-width: 5.9px;
- height: 6px;
- max-height: 6.9px;
- margin: 3px 3px;
- border: 1.5px solid red;
- border-radius: 100%;
- background-color: red;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement