MyBB Community Forums

input[type=checkbox], input[type=radio] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    line-height: 12px;
}

input[type=checkbox]:after, input[type=radio]:after {
    content: "\f111";
    color: #ddd;
    display: block;
    border-radius: 0px;
}

input[type=radio]:checked:after {
    content: "\f058";
    color: #01579b;
}

input[type=checkbox]:checked:before {
    position: absolute;
    content: "\f058";
    color: #01579b;
}

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">

(2018-11-17, 01:28 PM)Joker Wrote: [ -> ]This looks great. Thanks.

Does this work with Font Awesome Pro using SVG/JS?

font-family: "Font Awesome 5 Pro";

(2018-11-17, 01:29 PM)mujeebdgk Wrote: [ -> ]as always great tutorials

(2018-11-17, 02:25 PM)Anka06 Wrote: [ -> ]works in pro version

font-family: "Font Awesome 5 Pro";

(2018-11-18, 12:43 AM)Beyonslay Wrote: [ -> ]thank you for the tutorial it seems to be great but does it work properly? Is there anyone who tried it?