File: /var/www/design.system/src/molecules/Inputs/Select/сustom.scss
.customSelectStyle {
min-width: 240px;
height: 40px;
// Общие настройки
.ant-select-selector {
border-radius: var(--radius200);
padding: var(--space300) var(--space400) !important;
}
// Настройки селекта, кроме состояний: hover, focus, disabled, error
&:not(:hover):not(.ant-select-focused):not(.ant-select-disabled):not(.ant-select-status-error) {
.ant-select-selector {
border-color: var(--borderDefaultPrimary) !important;
}
}
// Настройки при focus
&.ant-select-focused {
.ant-select-selector {
border-width: 2px !important;
box-shadow: none !important;
}
&.ant-select-status-error {
.ant-select-selector {
border-color: var(--borderDangerPrimary) !important;
}
}
}
// Настройки при disabled
&.ant-select-disabled {
.ant-select-selector {
background-color: var(--backgroundDisabledPrimary) !important;
border-color: var(--borderDisabledPrimary) !important;
}
}
// Настройки при error
&.ant-select-status-error {
.ant-select-selector {
border-color: var(--borderDangerTertiary) !important;
}
&:hover {
.ant-select-selector {
border-color: var(--borderDangerPrimary) !important;
}
}
}
// Настройки для placeholder
.ant-select-selection-placeholder {
color: var(--textDefaultTertiary) !important; // Используйте CSS-переменную или конкретный цвет
}
}