diff options
author | Samuel Mannehed <samuel@cendio.se> | 2022-12-14 13:58:49 +0100 |
---|---|---|
committer | Samuel Mannehed <samuel@cendio.se> | 2022-12-14 13:58:49 +0100 |
commit | 6d7d45ba08e203e616171e53cea5b2bd2314dc4d (patch) | |
tree | be9d53a76804993c91c1020a9a180c654e976db4 /app | |
parent | f983c78d173322c080c7a8805fc8da436dc4e4d0 (diff) | |
download | novnc-6d7d45ba08e203e616171e53cea5b2bd2314dc4d.tar.gz |
Ensure arrow doesn't change on disabled <select>
We can't just modify the CSS variable here, since that is also used in
the style for :disabled. We need to change the entire "background-image"
in order for :disabled to be able to override it.
Diffstat (limited to 'app')
-rw-r--r-- | app/styles/input.css | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/app/styles/input.css b/app/styles/input.css index 6d39bd7..1b82e69 100644 --- a/app/styles/input.css +++ b/app/styles/input.css @@ -68,13 +68,13 @@ select { https://bugzilla.mozilla.org/show_bug.cgi?id=1805406 */ select:active { /* Rotated arrow */ - --select-arrow: url('data:image/svg+xml;utf8, \ + background-image: url('data:image/svg+xml;utf8, \ <svg width="8" height="6" version="1.1" viewBox="0 0 8 6" \ xmlns="http://www.w3.org/2000/svg" transform="rotate(180)" > \ <path d="m6.5 1.5 -2.5 3 -2.5 -3 5 0" stroke-width="3" \ stroke="rgb(31,31,31)" fill="none" \ stroke-linecap="round" stroke-linejoin="round" /> \ - </svg>'); + </svg>'), var(--bg-gradient); } option { color: black; |