diff --git a/app/styles/input.css b/app/styles/input.css index d8d9067d..35653ea8 100644 --- a/app/styles/input.css +++ b/app/styles/input.css @@ -32,7 +32,7 @@ textarea { border: 1px solid rgb(192, 192, 192); border-radius: 5px; color: black; - background: linear-gradient(to top, rgb(255, 255, 255) 80%, rgb(240, 240, 240)); + background-image: linear-gradient(to top, rgb(255, 255, 255) 80%, rgb(240, 240, 240)); } input[type=button], @@ -51,7 +51,7 @@ select { border-bottom-width: 2px; border-radius: 5px; color: black; - background: linear-gradient(to top, rgb(255, 255, 255), rgb(240, 240, 240)); + background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(240, 240, 240)); /* This avoids it jumping around when :active */ vertical-align: middle; @@ -67,15 +67,17 @@ button { } select { - --select-arrow: calc(100% - 7px) no-repeat url('data:image/svg+xml;utf8, \ + --select-arrow: url('data:image/svg+xml;utf8, \ \ \ '); - background: var(--select-arrow), - linear-gradient(to top, rgb(255, 255, 255), rgb(240, 240, 240)); + background-image: var(--select-arrow), + linear-gradient(to top, rgb(255, 255, 255), rgb(240, 240, 240)); + background-position: calc(100% - 7px), left top; + background-repeat: no-repeat; padding-right: calc(2*7px + 8px); padding-left: 7px; } @@ -217,9 +219,11 @@ select:active { :root:not(.noVNC_touch) input[type=reset]:hover:not(:disabled), :root:not(.noVNC_touch) input[type=submit]:hover:not(:disabled), :root:not(.noVNC_touch) button:hover:not(:disabled) { - background: linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250)); + background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250)); } :root:not(.noVNC_touch) select:hover:not(:disabled) { - background: var(--select-arrow), - linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250)); + background-image: var(--select-arrow), + linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250)); + background-position: calc(100% - 7px), left top; + background-repeat: no-repeat; }