diff --git a/websiteFunctions/templates/websiteFunctions/WPCreate.html b/websiteFunctions/templates/websiteFunctions/WPCreate.html index aa0250318..cd103301f 100644 --- a/websiteFunctions/templates/websiteFunctions/WPCreate.html +++ b/websiteFunctions/templates/websiteFunctions/WPCreate.html @@ -224,6 +224,40 @@ select.form-control { 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; + } + + /* Windows-specific fixes */ + @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + select.form-control { + color: #2f3640 !important; + background-color: #f8f9ff !important; + } + } + + /* Fix for Windows Edge and Chrome */ + select.form-control::-ms-expand { + display: none; + } + + select.form-control option { + color: #2f3640; + background-color: white; + padding: 8px; + } + + select.form-control:focus { + color: #2f3640; + background-color: white; } .input-group {