|
|
|
|
// /* 单选框和多选框 */
|
|
|
|
|
// .checkbox-wrapper {
|
|
|
|
|
// position: relative;
|
|
|
|
|
// input {
|
|
|
|
|
// display: none;
|
|
|
|
|
// }
|
|
|
|
|
// .icon {
|
|
|
|
|
// position: relative;
|
|
|
|
|
// left: 0px;
|
|
|
|
|
// top: 7px;
|
|
|
|
|
// display: inline-block;
|
|
|
|
|
// width: 13px;
|
|
|
|
|
// height: 13px;
|
|
|
|
|
// border: 1px solid #cccccc;
|
|
|
|
|
// border-radius: 50%;
|
|
|
|
|
// -webkit-transform: translate(0, -50%);
|
|
|
|
|
// -moz-transform: translate(0, -50%);
|
|
|
|
|
// -o-transform: translate(0, -50%);
|
|
|
|
|
// -ms-transform: translate(0, -50%);
|
|
|
|
|
// transform: translate(0, -50%);
|
|
|
|
|
// }
|
|
|
|
|
// input:checked + .icon {
|
|
|
|
|
// background-color: #e93323;
|
|
|
|
|
// border-color: #e93323;
|
|
|
|
|
// background-image: url("../images/enter.png");
|
|
|
|
|
// -webkit-background-size: 10px 8px;
|
|
|
|
|
// -moz-background-size: 10px 8px;
|
|
|
|
|
// background-size: 10px 8px;
|
|
|
|
|
// background-repeat: no-repeat;
|
|
|
|
|
// background-position: center center;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// .Checkbox {
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// visibility: hidden;
|
|
|
|
|
// outline: none;
|
|
|
|
|
// background: #fff;
|
|
|
|
|
// }
|
|
|
|
|
// .Checkbox+label {
|
|
|
|
|
// position:absolute;
|
|
|
|
|
// width: 16px;
|
|
|
|
|
// height: 16px;
|
|
|
|
|
// border: 1px solid #9B9B9B;
|
|
|
|
|
// border-radius: 50%;
|
|
|
|
|
// background-color:#fff;
|
|
|
|
|
// left: 11px;
|
|
|
|
|
// top: 50%;
|
|
|
|
|
// margin-top: -8px;
|
|
|
|
|
// }
|
|
|
|
|
// .Checkbox:checked+label:after {
|
|
|
|
|
// content: "";
|
|
|
|
|
// position: absolute;
|
|
|
|
|
// left: 3px;
|
|
|
|
|
// top:3px;
|
|
|
|
|
// width: 6px;
|
|
|
|
|
// height: 3px;
|
|
|
|
|
// border: 2px solid #9B9B9B;
|
|
|
|
|
// border-top-color: transparent;
|
|
|
|
|
// border-right-color: transparent;
|
|
|
|
|
// transform: rotate(-45deg);
|
|
|
|
|
// -ms-transform: rotate(-45deg);
|
|
|
|
|
// -moz-transform: rotate(-45deg);
|
|
|
|
|
// -webkit-transform: rotate(-45deg);
|
|
|
|
|
// }
|
