通用css修复下拉菜单中的双边框

Question

是否存在解决此问题的通用方法？

当我选择第一个有问题的字段时，这就是我的chrome dev对我的支持。

＆＃13;

＆＃13;

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;

＆＃13;

＆＃13;

＆＃13;