c-signature/c-signature.min.css

这是一个签名版插件

.signature-console{min-height:calc(37px - 7px);width:calc(100% - 10px);background:white;text-align:left;padding:7px 5px 0 5px;border-bottom:solid 1px #ddd;float:left}.signature-console i{border-radius:5px;padding:3px 4px;cursor:pointer;display:block;float:left;margin-bottom:7.5px;margin-right:6px;font-size:14px;position:relative;border:solid 1px transparent}.signature-console span{margin-left:8px;position:relative;display:inline-block}.fa:hover .signature-warning{display:block}.signature-warning{display:none;padding:5px;color:black;position:absolute;left:0;top:26px;border:solid 1px #ccc;background:white;border-radius:5px;z-index:1;box-shadow:3px 3px 1px .5px #ccc}.signature-warning:before{content:'';display:block;width:10px;height:10px;background:white;border-left:solid 1px #ccc;border-top:solid 1px #ccc;position:absolute;top:-6px;left:0;right:0;margin:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.signature-console .active{background:#edf0ee;border:solid 1px #ccc}.signature-set-color{padding:5px;border:solid 1px #eee;background:white;position:absolute;left:0;top:29px;border-radius:3px;z-index:2}.signature-set-color:after{content:'';display:block;margin-top:-10px;width:8px;height:8px;border-top:solid 1px #eee;border-left:solid 1px #eee;background:white;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.signature-set-color .color{width:30px;height:30px;border-radius:3px;margin:2px;float:left}.signature-full{position:fixed;margin:0 !important;padding:0 !important;left:0;top:0;width:100% !important;height:100% !important;z-index:1000}.signature-set-color .select{-webkit-transform:scale(1.1);-moz-transform:scale(1.1)}.pointer-events-none{pointer-events:none}.eraser{display:block;z-index:1000;position:absolute;border:solid 1px #ccc;background:#fff;border-radius:50%;cursor:pointer}