Универсальная CSS для исправления двойной границы в выпадающем меню

Question

Есть ли универсальный способ решения этой проблемы?

Это то, что мой Chrome Dev имеет для меня, когда я выбираю первое проблемное поле.

element.style {
    width: 499px;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: #69bf29;
}

.woocommerce form .form-row .select2-container, .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
    min-height: 2.40741rem;
}
.woocommerce form .form-row .select2-container {
    width: 100%;
    line-height: 2em;
}
.select2-container--default {
    height: 40px;
    padding: 5px 0 0;
}
.select2-container--default, .woocommerce-billing-fields__field-wrapper input {
    border: 1px solid #1F2A5C!important;
}
.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
* {
    margin: 0;
    padding: 0;
}
* {
    outline: 0;
    -webkit-overflow-scrolling: touch;
}
*, .col-xs, .gridContainer, .row {
    box-sizing: border-box;
}
* {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-overflow-scrolling: touch;
}
*, .col-xs, .gridContainer, .row {
    box-sizing: border-box;
}
span[Attributes Style] {
    direction: ltr;
    unicode-bidi: isolate;