Javascript 在手机上,选择2在手机键盘打开时搜索隐藏

Javascript 在手机上,选择2在手机键盘打开时搜索隐藏,javascript,jquery-select2,Javascript,Jquery Select2,在浏览器上工作良好。。但是,当我在手机上打开它时,我会像下面的图片一样面对这个问题。 向下滚动页面后,我会看到这样的搜索框。。 任何人帮我解决这个问题的代码都在这里 <td colspan="2"> <select name="sel_specialities" id="sel_specialities" data-placeholder="--<?php echo $this->lang->line('select'); ?>--" class=

在浏览器上工作良好。。但是,当我在手机上打开它时,我会像下面的图片一样面对这个问题。

向下滚动页面后,我会看到这样的搜索框。。

任何人帮我解决这个问题的代码都在这里

<td colspan="2">
<select name="sel_specialities" id="sel_specialities"  data-placeholder="--<?php echo $this->lang->line('select'); ?>--" class="select" >
    <option value=""></option>
    <?php
    foreach ($specList as $spec) {
        ?>
        <option value="<?php echo $spec['SPEC_ID']; ?>" <?php echo $this->session->userdata('sel_specialities') == $spec['SPEC_ID'] ? 'selected="selected"' : ''; ?> ><?php echo $spec['SPEC_NAME']; ?></option>
        <?php
    }
    ?>
</select>
}))

添加css

body .select2-container.select2-container--default.select2-container--open {
    top: 305px!important;
    left: 22px!important;
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    top: auto!important;
}

欢迎兄弟。
body .select2-container.select2-container--default.select2-container--open {
    top: 305px!important;
    left: 22px!important;
}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    top: auto!important;
}