checkbox-custom-styles-ex2.html

text/html • 426 B
HTML document, ASCII text
        
            1
            <!DOCTYPE html>
        
            2
            <html>
        
            3
            
        
            4
            <head>
        
            5
                <style>
        
            6
                    input[type="checkbox"] {
        
            7
                        appearance:none;
        
            8
                        width: 15px;
        
            9
                        height: 15px;
        
            10
                        border-radius: 2px;
        
            11
                        border: 1px #252525 solid;
        
            12
                        background: #555;
        
            13
                    }
        
            14
                    input[type="checkbox"]:checked {
        
            15
                        background: #ce5aff;
        
            16
                    }
        
            17
                </style>
        
            18
            </head>
        
            19
            
        
            20
            <body>
        
            21
                <input type="checkbox" />
        
            22
            </body>
        
            23
            
        
            24
            </html>