ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 18:14:13 +00:00
Code Issues Actions 4 Packages 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
2 changed files with 2 additions and 8 deletions
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;
} }
} }
} }