Стилизация ввода выбора в оформлении заказа WooCommerce, как и ввод текста. ⇐ CSS

[Anonymous]

URL-адрес оформления заказа, чтобы вы могли увидеть исходный код:
https://whitebrightsmile.com/checkout/? ... quantity=1
Текстовым входным данным присваивается border-radius (через Elementor), а граница на самом деле представляет собой тень блока, чтобы избежать смещения макета, когда он находится в фокусе, поскольку он увеличивается на 1 пиксель (пользовательский CSS):

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

.page-id-80 input[type=email], .page-id-80 input[type=text], .page-id-80 input[type=tel] {
border: none;
box-shadow: inset 0 0 0 1px rgba(170, 170, 170, 0.3);
}

.page-id-80 input[type=email]:focus, .page-id-80 input[type=text]:focus, .page-id-80 input[type=tel]:focus {
box-shadow: inset 0 0 0 2px #FF6BA1;
}

Теперь я хочу, чтобы элемент выбора состояния выглядел точно так же, как то же, что и другие поля формы, с «рамкой» и розовым цветом в фокусе.
Также кажется, что поле выбора находится немного выше, чем другие поля, Я хочу, чтобы он был одинаковой высоты. Невозможно оформить этот выбор так же, как и другие входные данные, ни с помощью Elementor, ни с помощью какого-либо CSS, который я еще разобрался.
Может ли кто-нибудь помочь мне достичь это?

Подробнее здесь: https://stackoverflow.com/questions/793 ... ext-inputs