Styling 

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
 
<style>
    /* style of editable signature control */
    .signaturepad-control {
        border-color: gray;
        border-radius: 1em;
    }

    .signaturepad-control.locked {
        border-color: darkred;
    }

    /* style of display control in readonly mode */
    .signaturepad-image {
        border-color: red;
    }
</style>