Font Awesome checkbox style
Register
Dear Guest, Welcome to our forums. Please take a second to register our forum! In a few simple steps you will be able to enjoy all the features of our fine community!

Lobos
05-02-2021, 10:00 AM
#1
Themes - Add Css Checkbox.css

Code:
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: "\f0c8";
    color: #1c1c1c;
    display: block;
    border-radius: 0px;
        padding: 4px;
    background-color: #1c1c1c;
    border-radius: 3px;
}

input[type=radio]:checked:after {
    content: "\f14a";
    color: #01579b;
        padding: 4px;
}

input[type=checkbox]:checked:before {
position: absolute;
    content: "\f00c";
    color: #ffffff7d;
    background-color: #3a86bd;
    padding: 4px;
    border-radius: 3px;
}

Headerinclude Add

Code:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
Signature
reusers.to
forum.robloxscripts.com