Adds silver background colour to inputs disabled type email, password, text (#110)
* Adds silver background colour to inputs type email, password, text * Add example to docs * Textarea disabled styling * Revert autoformatting * fix: text shadow, use :disabled pseudoselector
This commit is contained in:
parent
111a3d2f46
commit
fa4d637525
2 changed files with 24 additions and 0 deletions
11
style.css
11
style.css
|
|
@ -169,6 +169,10 @@ button::-moz-focus-inner {
|
|||
:disabled,
|
||||
:disabled + label {
|
||||
color: var(--button-shadow);
|
||||
}
|
||||
|
||||
button:disabled,
|
||||
:disabled + label {
|
||||
text-shadow: 1px 1px 0 var(--button-highlight);
|
||||
}
|
||||
|
||||
|
|
@ -433,6 +437,13 @@ input[type="email"] {
|
|||
line-height: 2;
|
||||
}
|
||||
|
||||
input[type="email"]:disabled,
|
||||
input[type="password"]:disabled,
|
||||
input[type="text"]:disabled,
|
||||
textarea:disabled {
|
||||
background-color: var(--surface);
|
||||
}
|
||||
|
||||
select {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue