2017-07-11 71 views
1

我遇到了Bootstrap Selectpicker的錯誤(?)。Bootstrap Selectpicker出錯中心

在Chrome(到目前爲止,這種情況只在Chrome)中選擇時,您不要選擇selectpicker下拉列表中,但實際原選擇,就像這樣:

enter image description here

可以看出圖像中,原來的選擇drowpdown被拾取,也顯示:

enter image description here

任何人都經歷了這一點,並知道如何解決它?

可以在中間只選擇在寬度10-20像素:/

+0

使用模板? –

+0

這是Laravel 5.3中的一種模態視圖,但也發生在不熟悉PHP的非模態 – Peon

+0

中,但我遇到類似的問題,它只出現在Chrome瀏覽器和Safari瀏覽器中。它竟然是我下載的模板中的CSS屬性,我不知道。 –

回答

1

添加此我site.ccs幫我作爲一種解決方法:

.bootstrap-select > select { 
    z-index: 0 !important; 
} 

顯然,這個問題與select的表單控件屬性(如果您在代碼中刪除它,問題已解決),它會添加z-index,並將其分配給Chrome。

+0

謝謝,這工作得很好。 – Peon