Professional Web Templates | ThemeElements

Web Code

Login Sign Up

HTML

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">	
<div class="custom-checkbox">
    <div class="item_color">
        <input type="checkbox" name="color">
        <label class="checkbox-inline" style="background-color: #ab4949;"></label>    
    </div>
    <div class="item_color">
        <input type="checkbox" name="color">
        <label class="checkbox-inline" style="background-color: #a10808;"></label>    
    </div>
    <div class="item_color">
        <input type="checkbox" name="color">
        <label class="checkbox-inline" style="background-color: #000000;"></label>    
    </div>
    <div class="item_color">
        <input type="checkbox" name="color">
        <label class="checkbox-inline" style="background-color: #f89063;"></label>    
    </div>

<div class="item_color">
        <input type="checkbox" name="color">
        <label class="checkbox-inline" style="background-color: #fbf5b1;"></label>    
    </div>
    <div class="item_color">
        <input type="checkbox" name="color">
        <label class="checkbox-inline" style="background-color: #517f48;"></label>    
    </div>
</div>

CSS

JS

Output