diff --git a/websiteFunctions/templates/websiteFunctions/ApacheManager.html b/websiteFunctions/templates/websiteFunctions/ApacheManager.html index 14ccb2169..84a48b11f 100644 --- a/websiteFunctions/templates/websiteFunctions/ApacheManager.html +++ b/websiteFunctions/templates/websiteFunctions/ApacheManager.html @@ -217,19 +217,38 @@ background-color: white; } - /* Windows selectbox fix */ + /* Select dropdown styles for Windows compatibility */ select.form-control { - color: #333 !important; - background-image: none !important; - -webkit-appearance: none !important; - -moz-appearance: none !important; - appearance: none !important; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f3640' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 12px center; + background-size: 20px; + padding-right: 40px; + line-height: 1.5; + min-height: 44px; + color: #2f3640; } - select.form-control:focus, - select.form-control:active { - color: #333 !important; - background-color: white !important; + /* Windows-specific fixes */ + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + select.form-control { + color: #2f3640 !important; + background-color: white !important; + } + } + + /* Fix for Windows Edge and Chrome */ + select.form-control::-ms-expand { + display: none; + } + + select.form-control:focus { + color: #2f3640; + background-color: white; } textarea.form-control {