语义-用户界面下拉调整大小

Semantic-ui dropdown sizing(语义-用户界面下拉调整大小)

问题描述

我们正在尝试将引导传递给语义用户界面。

    <select id="sayfaArama" class="ui search dropdown">
     <option value="">Sayfalarda ara...</option>
    </select>

https://i.stack.imgur.com/wXAVS.png

我无法更改任何输入或下拉菜单的大小，既不能使用css，也不能像微型、中等或大型这样的常量大小。

我不想更改下拉菜单的高度。有人能帮忙吗？

推荐答案

您似乎有固定的Height元素。语义用户界面的默认下拉菜单有一个最小高度。您必须更改DropDown元素上的最小高度，但是，您也要负责更改内部元素以使其看起来更漂亮。语义用户界面不提供更改下拉菜单高度的方法。

两种可能的替代方法是使用滚动或内联下拉变量。这两种选择都需要您更改您的标记。

参见https://jsfiddle.net/gfeedam1/2/

如果您确实想使DropDown与包含元素的高度相同，可以执行以下操作：

.change-height-of-dropdown {
  min-height: auto !important;
  height: 1em;
}

这篇关于语义-用户界面下拉调整大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！