jquery - 如何在 Bootstrap 选择控件中设置文本的垂直对齐方式？

Question

我已经创建了一个 Bootstrap 选择控件并将其放置在我的页面的页脚上。现在的问题是我选择的文本对齐方式与页脚的其他内容不匹配。这是我的页脚的图片: 我想将我选择的文本向上设置一点，以便它看起来与其他文本看起来在同一行，例如'去!'和“我是:”。我认为这可以通过设置选择的垂直对齐来完成，所以我创建了这样的 css:

#ftr_fx_select{font-size:11px;font-weight:bold;color:#383838 ;height:28px;opacity:0.8;
 border-style:solid;border-color:#B8B8B8 ;background:white;     vertical-align:text-top;}

下面是我的选择代码:

<select id="ftr_fx_select" class="input-small" >
  <option>--select--</option>
   <option>Student</option>
   <option>Employee</option>
   <option>Business</option>
   <option>Owner</option>
</select>

但它不起作用，我也尝试设置 margin top 和 bottom 但它也失败了。所以，请谁能告诉我如何设置它有点upwords。 . .

Answer 1

如果你想在选择框内向上移动文本，你应该减少那个选择的padding-top。您可以更改所有填充以按照您喜欢的方式定位它。