jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Put specific :disabled rules with its element 

It makes more sense to group rules per element type.
This commit is contained in:
Samuel Mannehed 2025-01-12 19:52:26 +01:00
parent 30d46a00fa
commit ee08032fe7
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/styles/input.css
View File

@ -129,6 +129,11 @@ select {
/* Disable Chrome's touch tap highlight */ /* Disable Chrome's touch tap highlight */
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
} }
input[type=image]:disabled {
/* See Firefox bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=1798304 */
cursor: default;
}
/* /*
* Select dropdowns * Select dropdowns
@ -173,6 +178,11 @@ select:active {
var(--button-activation-overlay), var(--button-activation-overlay),
var(--grey-background); var(--grey-background);
} }
select:disabled {
background-image:
var(--select-arrow),
var(--grey-background);
}
option { option {
/* Prevent Chrome from inheriting background-color from the <select> */ /* Prevent Chrome from inheriting background-color from the <select> */
background-color: white; background-color: white;
@ -386,13 +396,3 @@ select:disabled,
textarea:disabled { textarea:disabled {
opacity: 0.4; opacity: 0.4;
} }
select:disabled {
background-image:
var(--select-arrow),
var(--grey-background);
}
input[type=image]:disabled {
/* See Firefox bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=1798304 */
cursor: default;
}