这样吗？

---------------------------

var a = document.getElementById("frdatepickergreenborder");

if (!a) {

var style = document.createElement('style');

style.type = 'text/css';

style.id = 'frdatepickergreenborder';

style.innerHTML = `

.fr-datepicker table.dt,.fr-datepicker table.mt{border:green 1px solid;}

.fr-datepicker thead tr.mainhead td{border-bottom:1px solid green;}

.fr-datepicker thead tr.mainhead td{background-color: #e9f5e9;}

.fr-datepicker thead tr.mainhead td.hover{border:1px solid green;}

.fr-datepicker thead tr.mainhead td.hover{background-color: green;}

.fr-datepicker table td.wn{border-right:1px solid green;}

.fr-datepicker table td.wn{background: #e9f5e9;}

.fr-datepicker tfoot tr.optbtns td.btn{border-top:1px solid green;}

.fr-datepicker tfoot tr.optbtns td.btn{background-color: #e9f5e9;}

.fr-datepicker tfoot tr.optbtns td.btn.hover{border:1px solid green;}

.fr-datepicker tfoot tr.optbtns td.btn.hover{background-color:  green;}

.fr-datepicker td.time{border-top:green 1px solid;}

.fr-datepicker tbody td.selected{

background: green;

border:1px solid green;

color:#fff

}

.fr-datepicker td.fd.hover{border:1px solid green;}

.fr-datepicker td.fd.hover{background-color: #e9f5e9;}

.fr-datepicker td.prevy.hover{border:1px solid green;}

.fr-datepicker td.prevy.hover{background-color: #e9f5e9;}

`;

document.getElementsByTagName('HEAD').item(0).appendChild(style);

}