vantui-edit/es/checkbox/index.css

一套适用于Taro3及React的vantui组件库

.van-checkbox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox--horizontal{margin-right:24px}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:40px;line-height:var(--checkbox-size, 40px)}.van-checkbox__icon-wrap{-webkit-box-flex:0;-webkit-flex:none;flex:none}.van-checkbox__icon{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:1em;height:1em;color:transparent;text-align:center;-webkit-transition-property:color,border-color,background-color;transition-property:color,border-color,background-color;font-size:40px;font-size:var(--checkbox-size, 40px);border:2px solid #c8c9cc;border:var(--border,2px) solid var(--checkbox-border-color,#c8c9cc);-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-duration:var(--checkbox-transition-duration, .2s);transition-duration:var(--checkbox-transition-duration, .2s)}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{color:#fff;color:var(--white,#fff);background-color:#1989fa;background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:#1989fa;border-color:var(--checkbox-checked-icon-color,#1989fa)}.van-checkbox__icon--disabled{background-color:#ebedf0;background-color:var(--checkbox-disabled-background-color,#ebedf0);border-color:#c8c9cc;border-color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:#c8c9cc;color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__label{word-wrap:break-word;padding-left:20px;padding-left:var(--checkbox-label-margin,20px);color:#323233;color:var(--checkbox-label-color,#323233)}.van-checkbox__label--left{float:left;margin:0 20px 0 0;margin:0 var(--checkbox-label-margin,20px) 0 0}.van-checkbox__label--disabled{color:#c8c9cc;color:var(--checkbox-disabled-label-color,#c8c9cc)}.van-checkbox__label:empty{margin:0}