bug fix: select control

This commit is contained in:
usmannasir
2025-06-27 17:36:52 +05:00
parent 19a6426908
commit 912c9dcee3
4 changed files with 99 additions and 1 deletions

View File

@@ -120,6 +120,45 @@
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
}
/* Select dropdown styles for Windows compatibility */
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: white !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;
}
/* Path input group */
.input-group {
display: flex;

View File

@@ -95,6 +95,45 @@
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
}
/* Select dropdown styles for Windows compatibility */
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: white !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;
}
/* Checkbox styles */
.checkbox-group {
margin-bottom: 15px;