+
合计:
diff --git a/packages/vant-css/src/checkbox.css b/packages/vant-css/src/checkbox.css
index 44260750c..45fcd777d 100644
--- a/packages/vant-css/src/checkbox.css
+++ b/packages/vant-css/src/checkbox.css
@@ -8,7 +8,6 @@ $van-checkbox-size: 20px;
.van-icon-success {
color: $white;
display: block;
- line-height: 1;
font-size: 12px;
text-align: center;
pointer-events: none;
@@ -23,11 +22,15 @@ $van-checkbox-size: 20px;
}
}
+ &__input,
+ &__label {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
&__input {
position: relative;
height: $van-checkbox-size;
- margin-right: 15px;
- float: left;
}
&__control {
@@ -36,13 +39,12 @@ $van-checkbox-size: 20px;
left: 0;
opacity: 0;
margin: 0;
- width: $van-checkbox-size;
- height: $van-checkbox-size;
+ width: 100%;
+ height: 100%;
}
&__label {
- display: block;
- margin-left: 37px;
+ margin-left: 10px;
line-height: $van-checkbox-size;
}
diff --git a/packages/vant-css/src/radio.css b/packages/vant-css/src/radio.css
index ec51ea503..47bcbf185 100644
--- a/packages/vant-css/src/radio.css
+++ b/packages/vant-css/src/radio.css
@@ -5,26 +5,30 @@ $van-radio-size: 20px;
.van-radio {
overflow: hidden;
+ &__input,
+ &__label {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
&__input {
position: relative;
height: $van-radio-size;
- float: left;
}
&__control {
position: absolute;
top: 0;
left: 0;
- width: $van-radio-size;
- height: $van-radio-size;
opacity: 0;
margin: 0;
+ width: 100%;
+ height: 100%;
}
&__label {
line-height: $van-radio-size;
- display: block;
- margin-left: 37px;
+ margin-left: 10px;
}
.van-icon {