Я не могу заставить поля выбора и ввода начальной загрузки иметь одинаковый размер элемента управления формой ⇐ CSS

[Anonymous]

Я попробовал несколько разных способов изменить размер поля выбора, в том числе написал свой собственный класс. Но, похоже, единственный способ — скопировать пиксели, сгенерированные для полей ввода. Однако я боюсь, что при этом он не будет адаптивно отображаться на разных устройствах/браузерах.
Я даже пытался написать этот CSS и оставить его пустым, но он генерирует другой класс CSS. Если я отключу его в элементе проверки, он отобразит правильный размер.
'''

Код: Выделить всё

    select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 2px);
}

'''
Будем благодарны за любые советы.

Код: Выделить всё

.was-validated .form-control:invalid {
border-color: #000000;


.was-validated .form-control:valid {
border-color: #000000;
};


.form-control::-webkit-input-placeholder {
color: #008752 !important;
font-family: 'Montserrat' !important;
};


.checkbox {
color: #008752 !important;
font-family: 'Montserrat';
}


.p1 {
color: #008752 !important;
font-family: 'Montserrat';
};


.h4{
color: #008752 !important;
font-family: 'Montserrat';
}




[h4]Registrant Name[/h4]
Registrant Name 









Email





 Please provide a valid email address.






Address









Personal Information




Date of Birth. Must be over 18 to join.






Which Sector








Which  Organization









 Marketing

How Did you Hear About Us
 Letter
 Package

Подробнее здесь: https://stackoverflow.com/questions/791 ... rm-control