需求提交。

linzhijie

2021-04-06 8728733ad60e1698bb6cf0fa2e428c28a6bffbe7

 src/main/resources/static/ots/css/ry-ui.css

@@ -362,6 +362,67 @@
   max-width: none;
}

/**
 * Checkbox Five
 */
.checkboxFive {
   width: 25px;
   margin: 20px 100px;
   position: relative;
}

/**
 * Create the box for the checkbox
 */
.checkboxFive label {
   cursor: pointer;
   position: absolute;
   width: 25px;
   height: 25px;
   top: 0;
   left: 0;
   background: #eee;
   border:1px solid #ddd;
}

/**
 * Display the tick inside the checkbox
 */
.checkboxFive label:after {
   opacity: 0.2;
   content: '';
   position: absolute;
   width: 9px;
   height: 5px;
   background: transparent;
   top: 6px;
   left: 7px;
   border: 3px solid #333;
   border-top: none;
   border-right: none;

   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}

/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
   opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
   opacity: 1;
}


/** 复选框&单选框  **/
.check-box,.radio-box {
   display: inline-block;