checkbox-custom-styles-ex2.html

text/html • 433 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
                        background: #000;
        
            11
                        border: 1px #fff solid;
        
            12
                        border-radius: 2px;
        
            13
                    }
        
            14
                    
        
            15
                    input[type="checkbox"]:checked {
        
            16
                        background: #ce5aff;
        
            17
                    }
        
            18
                </style>
        
            19
            </head>
        
            20
            
        
            21
            <body>
        
            22
                <input type="checkbox" />
        
            23
            </body>
        
            24
            
        
            25
            </html>