語義用戶界面下拉式選單

Question

我們正在嘗試將引導程序傳遞給語義UI。

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

我既無法使用css也無法更改任何輸入或下拉菜單的大小，也無法像小，中或大尺寸一樣不斷調整大小。

我不會更改下拉菜單的高度。 有人可以幫忙嗎？

Answer 1

您似乎具有固定的高度元素。 語義UI的默認下拉列表具有最小高度。 您必須更改dropdown元素的最小高度，但是，您還需要更改內部元素以使其看起來不錯。 語義UI並不提供開箱即用的方式來更改下拉菜單的高度。

兩種可能的選擇是使用滾動或內聯下拉變體。 這兩種選擇都要求您更改標記。

參見https://jsfiddle.net/gfeedam1/2/

如果您真的想使下拉列表與包含元素的高度相同，則可以執行以下操作：

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

Answer 2

嘗試在您的css height屬性中添加！important 。 這可能會有所幫助。

<select id="sayfaArama" class="ui search dropdown" style='height:50px !important'>
 <option value="">Sayfalarda ara...</option>
</select>