在Safari的下半部分选择Box不可选

Question

由于某种原因，选择框在Safari的下半部分是不可选择的。 在代码中解释起来真的很难。这是该网站的国家/地区选择框无效。

http://mirror.thnk.org/login/signup/

<span>
    <span class="select" id="selectland">--- Select ---</span><select class="styled" name="land">
            <option value="">--- Select ---</option>
            <option value="Afghanistan">Afghanistan</option>
    </select>
</span>

我在Css中尝试了所有组合，但没有任何效果。 请帮忙！

Answer 1

Safari不了解选择框中的高度，因此请使用如下所示的高度行高。

.profileBox select{
  margin-left: 2px;
  width: 296px;
  height: 45px;
  line-height: 45px;
  top: 15px;
}