Skip to content

A
audit_material_manage
Commit b578e10e authored by Andy-bubu's avatar Andy-bubu
Browse files
Options

fix: 修正登录输入框填充态浅红色

parent 5da2682f
Show whitespace changes
Inline Side-by-side
Showing with 28 additions and 6 deletions
src/global.less
View file @ b578e10e
......@@ -44,38 +44,59 @@ a {
}
.login-page {
--rc-login-field-filled-background: rgb(158 27 27 / 5%);
--rc-login-field-filled-background-hover: rgb(158 27 27 / 7%);
--rc-login-field-autofill-background: rgb(158 27 27 / 6%);
--rc-login-field-filled-background: rgb(158 27 27 / 6%);
--rc-login-field-filled-background-hover: rgb(158 27 27 / 8%);
--rc-login-field-autofill-background: rgb(158 27 27 / 7%);
--rc-login-field-border-hover: rgb(158 27 27 / 24%);
--rc-login-field-focus-ring: rgb(158 27 27 / 16%);
}
.login-form
.login-field[data-has-value='true']
:where(.input, [data-slot='input-wrapper'], [data-slot='control']) {
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']) {
--input-bg: var(--rc-login-field-filled-background);
--input-bg-hover: var(--rc-login-field-filled-background-hover);
--input-bg-focus: var(--rc-login-field-filled-background);
background: var(--rc-login-field-filled-background) !important;
background-color: var(--rc-login-field-filled-background) !important;
}
.login-form
.login-field[data-has-value='true']
:where(.input, [data-slot='input-wrapper'], [data-slot='control']):hover,
:where(.input input, [data-slot='input-wrapper'] input, [data-slot='control'] input) {
background: transparent !important;
background-color: transparent !important;
}
.login-form
.login-field[data-has-value='true']
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']):hover,
.login-form
.login-field[data-has-value='true']
:where(
.input,
.input--secondary,
[data-slot='input'],
[data-slot='input-wrapper'],
[data-slot='control']
)[data-hovered='true'] {
border-color: var(--rc-login-field-border-hover) !important;
background: var(--rc-login-field-filled-background-hover) !important;
background-color: var(--rc-login-field-filled-background-hover) !important;
}
.login-form
.login-field[data-has-value='true']
:where(.input, [data-slot='input-wrapper'], [data-slot='control']):focus-within {
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']):focus,
.login-form
.login-field[data-has-value='true']
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control']):focus-within,
.login-form
.login-field[data-has-value='true']
:where(.input, .input--secondary, [data-slot='input'], [data-slot='input-wrapper'], [data-slot='control'])[data-focused='true'] {
border-color: var(--rc-field-border-focus) !important;
background: var(--rc-login-field-filled-background) !important;
background-color: var(--rc-login-field-filled-background) !important;
box-shadow:
var(--field-shadow, 0 1px 2px rgb(15 23 42 / 4%)),
0 0 0 2px var(--rc-login-field-focus-ring) !important;
......@@ -90,6 +111,7 @@ a {
input:autofill
) {
background: var(--rc-login-field-autofill-background) !important;
background-color: var(--rc-login-field-autofill-background) !important;
}
.login-form input:-webkit-autofill {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment