在 Bootstrap 3 中设置“选择”元素的高度？

Posted 2023-03-06

【中文标题】在 Bootstrap 3 中设置“选择”元素的高度？

【英文标题】：Set the height of a 'select' element in Bootstrap 3?

【发布时间】：2013-08-30 19:09:03

【问题描述】：

如何在 Bootstrap 3 中设置 select 元素的高度？

这是我的代码：

<select id="lst-size" name="p_size" class="col-lg-12 col-md-12 col-sm-4 col-xs-12">
  <option value="<?php echo "size1" ?>" selected="selected"><?php echo "$rst_catalog['p_size1']" ?></option>
  <option value="<?php echo "size2" ?>"><?php echo "$rst_catalog['p_size2']" ?></option>
  <option value="<?php echo "size3" ?>"><?php echo "$rst_catalog['p_size3']" ?></option>
  <option value="<?php echo "size4" ?>"><?php echo "$rst_catalog['p_size4']" ?></option>
  <option value="<?php echo "size5" ?>"><?php echo "$rst_catalog['p_size5']" ?></option>
  <option value="<?php echo "size6" ?>"><?php echo "$rst_catalog['p_size6']" ?></option>
</select>

还有live website。

【参考方案1】：

已经很晚了，但对于那些刚接触到这个的人来说是另一种口味：

截至发帖时，在 multiple select 的情况下（从哪个开始，是那个甚至把我带到这里的查询)，size 属性可以很好地工作，例如size="5"。请参阅下面的示例；

<select class="form-control" id="items" name="items" size="5" multiple>
    <option value="<?php echo "sizeX"> itemX </option>
</select>

【参考方案2】：

尝试将.form-control 类添加到您的select 元素中：

<select id="lst-size" name="p_size" class="form-control col-lg-12 col-md-12 col-sm-4 col-xs-12">