2015-09-16 56 views
1

無論何時使用select2,空白框只是一行高。 添加輸入時,該框會相應地展開,但始終只是所需的確切數量。Select2 4.0.0 - 更改輸入框高度

如何更改它,使我的輸入框至少高100px,即使是空的?在某些情況下,我希望盒子填充時爲100px或更高,所以如果盒子的高度僅爲16px,那麼它看起來真的很笨。

image of my select2 element

HTML元素到我申請選擇2()是一個「有多個=多個」選擇元素(我需要多投入最終)

我GOOGLE了很多,也在這個論壇搜索,但迄今沒有任何工作。 我想包括我的自定義的CSS文件是這樣的:

.select2-container .select2-choice { 
min-height:100px !important; 
} 

但didnt't改變任何東西。也許這些tipps適用於舊版本的select2?我正在使用4.0.0。

如何放大該盒子?

解決方案:

我將此添加到我的CSS。這完全是爲了讓CSS選擇器正確(最近確實發生了變化)。我通過檢查我的HTML輸出來提取他們的名字。

.select2-container .select2-selection--multiple{ 
    min-height:100px; 
    padding-bottom: 50px; 
} 

where i Found the css selectors

回答

1

我只想墊的選擇2,選擇容器了一點,所以你仍然可以有一個動態的高度,但可以肯定的是,元素也沒辦法讓與容器的底部接觸。你也可以在這裏考慮我的最小高度。

.select2-container-multi .select2-choices { 
    padding-bottom: 4px; 
    min-height: 26px; 
} 
+0

我試圖添加的款式都不顯示任何效果 – Holonaut

+0

ok我嘗試使用我在「檢查元素」中發現的內容: 此作品現在:.select2-container .select2-selection - multiple { \t最小高度:100px; \t padding-bottom:50px; } – Holonaut