引导HTML选择下拉选项在IE7与IE8中不对齐

我希望有人能在这里帮助我，我已经试着解决这个问题好几个小时了

我有一个bootstrap 3.0水平表单，下面是HTML代码：

<div class="form-group">
    <div class="col-md-5">
        <label class="control-label">First Name</label>
        <input type="text" value="Test" name="first_name" class="form-control other">
    </div>
    <div class="col-md-5">
        <label class="control-label">Last Name</label>
        <input type="text" value="Test" name="last_name" class="form-control other">
    </div>
</div>
<div class="form-group">
    <div class="col-md-3">
        <label class="control-label">Gender</label>
        <select name="gender" class="form-control beta">
            <option value="m">male</option>
            <option value="f">female</option>
        </select>
    </div>
</div>

我在IE7和IE8中都有一个屏幕截图

IE7：

IE8：

我希望IE7看起来更接近IE8的外观，即使你可以看到我在“选择”下拉列表中的文本对齐有问题，它不居中

---

谢谢

我喜欢在这种情况下使用CSS黑客。去拿一大堆

如果我只想针对IE8及以下版本，我会做如下操作：

.element {
  color: blue\9;
}

如果是IE7及以下版本，我将执行以下操作：

.element {
  *color: blue;
}

在您的情况下，似乎需要使用

select

元素。您可以做一个

左边距：-10px

或相对定位，然后做一个

右边的
或
左边的
：

.select {
  position: relative;
  right: 25px;
}

嗨，据我所知，IE7并不真正支持css，而且IE7已经很老了（我不再支持IE7）。但也许您有机会定位该选项而不是SELECT.FYI，Bootstrap v3只支持IE8+。你可能会尝试一下或类似的方法。你是从过去来的吗？
.select {
  position: relative;
  right: 25px;
}