[Improvement] Radio & Checkbox disabled color (#383)

This commit is contained in:
neverland
2017-12-06 16:02:40 +08:00
committed by GitHub
parent 80c2fdc18f
commit db524359e1
4 changed files with 16 additions and 6 deletions

View File

@@ -4,6 +4,7 @@ $van-checkbox-size: 20px;
.van-checkbox {
overflow: hidden;
user-select: none;
.van-icon-success {
color: $white;
@@ -61,13 +62,14 @@ $van-checkbox-size: 20px;
&--disabled {
.van-icon-success {
border-color: #d1dbe5;
background-color: transparent;
color: $background-color;
border-color: $gray-light;
background-color: currentColor;
}
.van-checkbox__control:checked + .van-icon-success {
border-color: #d1dbe5;
background-color: #d1dbe5;
border-color: $gray-light;
background-color: $gray-light;
}
}
}

View File

@@ -4,6 +4,7 @@ $van-radio-size: 20px;
.van-radio {
overflow: hidden;
user-select: none;
&__input,
&__label {
@@ -45,7 +46,9 @@ $van-radio-size: 20px;
&--disabled {
.van-icon {
color: #d1dbe5;
color: $gray-light;
border-radius: 100%;
background-color: $background-color;
}
}
}