select box issue

This commit is contained in:
usmannasir
2025-07-03 16:17:48 +05:00
parent 827666436b
commit eb0b01d8b1
2 changed files with 89 additions and 0 deletions

View File

@@ -166,6 +166,39 @@
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
}
/* Windows selectbox fix */
select.form-control {
-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;
}
/* 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 {
resize: vertical;
font-family: 'Monaco', 'Consolas', 'Courier New', monospace;

View File

@@ -317,6 +317,38 @@
box-shadow: 0 0 0 3px rgba(91,95,207,0.1);
}
/* General select Windows fix for ALL selectboxes */
select.form-control {
-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: 38px;
color: #2f3640;
}
/* Windows-specific fixes for ALL selectboxes */
@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 for ALL selectboxes */
select.form-control::-ms-expand {
display: none;
}
select.form-control:focus {
color: #2f3640;
}
/* Modal styles */
.modal {
display: none;
@@ -660,12 +692,36 @@
padding: 12px 16px;
font-size: 14px;
color: #1e293b;
-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='%231e293b' 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) {
.form-horizontal.bordered-row select.form-control {
color: #1e293b !important;
background-color: #f8fafc !important;
}
}
/* Fix for Windows Edge and Chrome */
.form-horizontal.bordered-row select.form-control::-ms-expand {
display: none;
}
.form-horizontal.bordered-row select.form-control:focus {
background: white;
border-color: #5b5fcf;
box-shadow: 0 0 0 4px rgba(91, 95, 207, 0.1);
color: #1e293b;
}
/* Style for label */