bootstrap选择选项滚动不显示

时间:2017-10-23 17:11:48

标签: php html css twitter-bootstrap bootstrap-4

我为带有bootstrap v4的产品构建了一个表单。在选择类别部分,当我单击选择选项而不是下拉列表时,它将显示dropup并将显示滚动。我也尝试在css中使用.over类为下拉列表显示滚动但没有任何反应它仍然显示dropup。我想要的是当用户点击选择它将以下降方式显示下拉列表的类别。不知道怎么做。?

<select name = "category" id="category" class="form-control over">
                           <?php
                         foreach ($catlist as $category)
                         {
                         if (isset($_POST["category"]) && $_POST["category"] == $category)
                         echo "<option selected='selected' value='$category'>$category</option>";
                         else
                         echo "<option value='$category'>$category</option>";
                         }
                         ?>


                    </select>

我试过的我的css代码是

.over{ overflow: scroll;}

.over{overflow: visible;}

在php类别列表中就像这样

$catlist = array ("1", "2", "3" .... "26")

编辑:下拉工作直到14个选项,但当我尝试15时,它会显示像下拉。现在有超过26个类别。

0 个答案:

没有答案