如何在bootstrap select控件中设置文本的垂直对齐方式?

时间:2013-10-29 07:08:57

标签: jquery html css twitter-bootstrap

我创建了一个bootstrap select控件并将其放在我页面的页脚上。 现在问题是我的选择的文本对齐与我的页脚的其他内容不匹配。这是我的页脚的图像: enter image description here 我想将我的选择文本设置为向上一点,以便它看起来与其他文本正在查找的行相同,例如'走!'并且'我是:'。我认为这可以通过设置select的垂直对齐来完成,所以我创建了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>

但它不起作用,我也试图设置上下边距但它也失败了。所以,请任何人都可以告诉我如何设置它有点upwords。 。

2 个答案:

答案 0 :(得分:0)

如果要向上移动选择框内的文本,则应减少该选择的填充顶部。您可以更改所有填充以按您喜欢的方式定位。

答案 1 :(得分:0)

是的,上面的回答帮助我解决了我的问题。我把我的CSS设置为:

select{padding-top:2px;}