yu.css.ui/dist/component/checkbox.css

纯CSS通用UI模块和组件

.yu-checkbox{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;font-size:14px;color:#606266;cursor:pointer;margin-right:14px}.yu-checkbox>span{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.yu-checkbox>.checkbox{transition:background-color .4s;margin-right:4px;margin-bottom:-2px;display:inline-block;width:14px;height:14px;border:1px solid #dcdfe6;border-radius:2px;background-color:#fff}.yu-checkbox>.checkbox:hover{border:1px solid #409eff}.yu-checkbox>.checkbox>input{display:none}.yu-checkbox.checked>.checkbox{position:relative;border:1px solid #409eff;border-radius:2px;background-color:#409eff}.yu-checkbox.checked>.checkbox:after{content:"\00a0";display:inline-block;border:2px solid #fff;border-top-width:0;border-right-width:0;width:8px;height:4px;-webkit-transform:rotate(-50deg);position:absolute;top:3px;left:2px}.yu-checkbox.checked.disabled>.checkbox{border:1px solid #c0c4cc;background-color:#c0c4cc}.yu-checkbox.checked.disabled>.checkbox+span,.yu-checkbox.disabled{color:#c0c4cc}.yu-checkbox.disabled>.checkbox:hover{border:1px solid #dcdfe6}.yu-checkbox.control{display:block;margin-bottom:8px}.yu-checkbox.control.part>.checkbox{position:relative;border:1px solid #409eff;border-radius:2px;background-color:#409eff}.yu-checkbox.control.part>.checkbox+span{color:#409eff}.yu-checkbox.control.part>.checkbox:after{content:"\00a0";display:inline-block;border:2px solid #fff;border-top-width:0;border-right-width:0;border-left-width:0;width:10px;height:5px;-webkit-transform:rotate(180deg);position:absolute;top:6px;left:2px}.yu-checkbox-group{margin-bottom:14px}.yu-checkbox-group.vertical>.yu-checkbox{display:block;margin-bottom:14px}