关于IE浏览器与select框的一些问题

Question

下面是edge浏览器中的样子

下面是ie浏览器中的样子

运行结果及报错内容

```javascript
<div>
    <form class="layui-form" action="" style="border: #FC0000 solid; display: block;height: 40px;padding: 0px">
        <span style="border: salmon solid">来源：</span>
        <div style="width: 240px; display:inline-block; margin-right: 10px;" class="qwee">
            <select class="region_province" value="${region_province}" name="region_province" xm-select="region_province" xm-select-show-count="2" xm-select-skin="default"></select>
        </div>
        <span>调度模式：</span>
        <div style="width: 240px; display:inline-block; margin-right: 10px;">

            <select class="priority" name="priority" value="${priority}" xm-select="priority" xm-select-show-count="2" xm-select-skin="default"></select>
        </div>
        <span>调度类：</span>
        <div style="margin-bottom: 0px;display:inline-block;">
            <input class="etlclass" value="${etlclass}" name="etlclass" autocomplete="off" style="width: 200px;height: 37px;border:0.5px solid rgb(210,210,210); margin-right: 10px;">
        </div>
        <button id="btr" class="layui-btn" type="button" placeholder="查询" data-type="reload" style="margin-left: 0px;display:inline-block;" lay-submit lay-filter="query">查询</button>
    </form>
</div>

###### 我想要达到的结果
怎么才能让他们在同一水平线上？

Answer 1

display:inline-block兼容性问题

{
    display:inline-block;
    *display:inline;
    *zoom:1;
    vertical-align:middle;  /*去掉下边距*/
}