blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Field): incorrect placeholder color when error and disabled (#4666)

Browse Source
This commit is contained in:
neverland 2019-10-09 16:32:35 +08:00 committed by GitHub
parent a18a9c5701
commit 4fadffa50a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/field/index.js
View File

@ -288,7 +288,6 @@ export default createComponent({
arrowDirection={this.arrowDirection} arrowDirection={this.arrowDirection}
class={bem({ class={bem({
error: this.error, error: this.error,
disabled: this.$attrs.disabled,
[`label-${labelAlign}`]: labelAlign, [`label-${labelAlign}`]: labelAlign,
'min-height': this.type === 'textarea' && !this.autosize 'min-height': this.type === 'textarea' && !this.autosize
})} })}

9
src/field/index.less
View File

@ -38,7 +38,7 @@
&:disabled { &:disabled {
color: @field-input-disabled-text-color; color: @field-input-disabled-text-color;
-webkit-text-fill-color: @field-input-disabled-text-color; -webkit-text-fill-color: @field-input-disabled-text-color; // fix disabled color in iOS
background-color: transparent; background-color: transparent;
opacity: 1; opacity: 1;
} }
@ -117,17 +117,12 @@
} }
} }
&--disabled {
.van-field__control {
color: @field-input-disabled-text-color;
}
}
&--error { &--error {
.van-field__control { .van-field__control {
&, &,
&::placeholder { &::placeholder {
color: @field-input-error-text-color; color: @field-input-error-text-color;
-webkit-text-fill-color: @field-input-error-text-color;
} }
} }
} }