diff --git a/src/password-input/README.md b/src/password-input/README.md index 4286db74e..8fb3ab9ad 100644 --- a/src/password-input/README.md +++ b/src/password-input/README.md @@ -164,6 +164,7 @@ The component provides the following CSS variables, which can be used to customi | --van-password-input-error-info-color | _var(--van-danger-color)_ | - | | --van-password-input-dot-size | _10px_ | - | | --van-password-input-dot-color | _var(--van-black)_ | - | +| --van-password-input-text-color | _var(--van-text-color)_ | - | | --van-password-input-cursor-color | _var(--van-text-color)_ | - | | --van-password-input-cursor-width | _1px_ | - | | --van-password-input-cursor-height | _40%_ | - | diff --git a/src/password-input/README.zh-CN.md b/src/password-input/README.zh-CN.md index e2018f838..85e6e7f81 100644 --- a/src/password-input/README.zh-CN.md +++ b/src/password-input/README.zh-CN.md @@ -174,6 +174,7 @@ export default { | --van-password-input-error-info-color | _var(--van-danger-color)_ | - | | --van-password-input-dot-size | _10px_ | - | | --van-password-input-dot-color | _var(--van-black)_ | - | +| --van-password-input-text-color | _var(--van-text-color)_ | - | | --van-password-input-cursor-color | _var(--van-text-color)_ | - | | --van-password-input-cursor-width | _1px_ | - | | --van-password-input-cursor-height | _40%_ | - | diff --git a/src/password-input/index.less b/src/password-input/index.less index 14cbea59a..bfb6dba0e 100644 --- a/src/password-input/index.less +++ b/src/password-input/index.less @@ -11,6 +11,7 @@ --van-password-input-error-info-color: @password-input-error-info-color; --van-password-input-dot-size: @password-input-dot-size; --van-password-input-dot-color: @password-input-dot-color; + --van-password-input-text-color: @password-input-text-color; --van-password-input-cursor-color: @password-input-cursor-color; --van-password-input-cursor-width: @password-input-cursor-width; --van-password-input-cursor-height: @password-input-cursor-height; @@ -54,6 +55,7 @@ align-items: center; justify-content: center; height: 100%; + color: var(--van-password-input-text-color); font-size: var(--van-password-input-font-size); line-height: 1.2; background-color: var(--van-password-input-background-color); diff --git a/src/password-input/var.less b/src/password-input/var.less index 5a88eea09..9fae7e91a 100644 --- a/src/password-input/var.less +++ b/src/password-input/var.less @@ -10,6 +10,7 @@ @password-input-error-info-color: var(--van-danger-color); @password-input-dot-size: 10px; @password-input-dot-color: var(--van-black); +@password-input-text-color: var(--van-text-color); @password-input-cursor-color: var(--van-text-color); @password-input-cursor-width: 1px; @password-input-cursor-height: 40%;