語義UI下拉大小

我們試圖將引導程序傳遞給語義UI。語義UI下拉大小

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

我不能改變任何輸入的大小或下拉列表既不與CSS也不像小，中或大塊狀的恆定尺寸。

我不想改變下拉的高度。任何人都可以幫忙嗎？

你說你不能改變大小 - 請修改什麼你已經試圖在CSS中實現你的目標。 – Mary

<選擇的id = 「sayfaArama」級= 「UI搜索下拉菜單」風格= 「高度：20px的;」> <期權價值= 「」> Sayfalarda ARA ... –

我想我什麼都知道，jQuery的，CSS ，元素樣式... –

試着把！重要在你的CSS高度屬性。它可能有幫助。

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

2017-04-26 13:29:09

我也試過，semantic-ui創建了一個div並在其中放入了選擇標籤。 –

您似乎有一個固定的高度元素。語義UI的默認下拉菜單有一個最小高度。您必須更改下拉元素上的最小高度，但是，您也有責任更改內部元素以使其看起來不錯。語義用戶界面不能提供改變下拉高度的方法。

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

如果你真的想下拉相同的高度，你可以這樣做包含的元素：

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

2017-10-09 12:32:31 khornberg

回答