我创建了一个bootstrap select控件并将其放在我页面的页脚上。 现在问题是我的选择的文本对齐与我的页脚的其他内容不匹配。这是我的页脚的图像: 我想将我的选择文本设置为向上一点,以便它看起来与其他文本正在查找的行相同,例如'走!'并且'我是:'。我认为这可以通过设置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。 。
答案 0 :(得分:0)
如果要向上移动选择框内的文本,则应减少该选择的填充顶部。您可以更改所有填充以按您喜欢的方式定位。
答案 1 :(得分:0)
是的,上面的回答帮助我解决了我的问题。我把我的CSS设置为:
select{padding-top:2px;}