設置多重選擇選擇框的高度

我正在使用多選擇下拉選項，並且想要將所選框的高度設置爲設定大小。設置多重選擇選擇框的高度

我在溢出對話框中選擇了一個對話框：hidden，並且所選框完全位於容器的外部（這樣所選下拉框就會正確彈出對話框。）不幸的是，「position：absolute;」將它從流中移除，並且不會產生高度...使對話縮小並且多重選擇似乎彈出。我可以將父容器設置爲固定高度，但多選會隨着更多選項的選擇而擴展，我仍然會在長列表中遇到相同的問題。

有沒有辦法將選定的多重選擇設置到特定的高度？謝謝！

來源

2012-09-28 Joe The Coder

plz提供了一些代碼？ – StaticVariable

沒關係......想通了我自己的使用CSS：

.mycontainer { 
    height: 120px; 
} 

.mycontainer .chzn-container-multi .chzn-choices { 
    height: 120px !important; 
    overflow-y: auto; 
}

.mycontainer是保存所選擇的下拉股利。

請退出編輯答案。這個答案與2年前當我最初提出問題時選擇的版本一致。對於那些使用更新版本的人（例如1.4.2），你可以嘗試改變上面CSS中的「chzn」前綴爲「selected」...但不保證這會起作用（我還沒有看過他們的新的。造型）

來源

2012-09-28 13:58:03

您可以選擇它作爲答案！謝謝btw。 –

我添加了「.mycontainer .ms-list」並正常工作。（不是.chzn-container-multi .chzn-choices） –

這不適用於1.6.2 - 高度會改變，但內部元素不會像預期的那樣垂直居中。 –

我能夠解決的名單高度在下面的CSS類：

.chzn-container .chzn-results { 
height: 150px;}

，我得到了剩餘的列表中滾動。

來源

2013-02-21 14:32:21 Praveen

這是完美的工作.. –

.chzn-container .chzn-results { max-height: 150px; }

來源

2013-02-25 12:35:51 ozgrozer

一些解釋可能有助於在這裏的答案。 – dove

所有其他答案的工作，但我相信這是最優雅的解決方案：設置新的最大高度爲.chzn-results（例如150px）。所有相關的其他區塊將隨之而來。這種方式下拉不會太大，只有幾個結果。

.chzn-results { 
    max-height: 150px; 
}

如果你真的想要一個固定的高度，即使有幾個結果，只需使用下面的代碼：

.chzn-results { 
    height: 150px; 
}

（添加!important排隊，如果你需要重寫chosen.css的行爲）

來源

2013-06-13 15:52:27 Zjaaspoer

這就是爲我做的伎倆：

.mycontainer .chosen-choices { 
    max-height: 150px; 
    overflow-y: auto; 
}

ÿ你基本上想要限制包含選項的ul的高度。

來源

2015-04-23 13:40:44

設置多重選擇選擇框的高度

回答

相關問題