下拉CSS不工作（Laravel刀片）

我無法顯示邊框底部的觀點，我也想給邊境手動在底層或邊界定義的元素CSS，但無法修復。任何幫助

這並不是說它沒有下邊框，但它只是沒有被你的瀏覽器顯示。

您的按鈕的高度爲40px。但它也包含在一個div高度爲40px，box-sizing爲border-box。

使用border-box時box-sizing，分配給內容的高度基於this，（在這種情況下，您的button）考慮到元素的邊框和填充屬性後減少（在這種情況下，您的div）。我只是不知道爲什麼內容似乎被渲染的方式覆蓋了你的容器div的底部邊界。

請注意，CSS中的box-sizing屬性應用於所有元素，包括:before和:after僞元素。

可以解決您的問題，並顯示在底邊框，如果你做任何以下的：

減少button元素的高度（例如，設置.ms-choice有38px的高度）。
增加容器高度div（例如，設置爲42px）。這隻會將您的下拉菜單與您的搜索輸入錯誤對齊。
將容器div更改爲box-sizing的content-box。
將您的按鈕的背景顏色更改爲透明並將白色背景顏色置於您的div.ms-parent.form-control上。（我加了這個選項，以表明button'實際上是被渲染，使得它覆蓋了包含div的底部邊框。）

2017-07-02 07:40:05

我刪除的高度，現在，它完美的作品，感謝弗蘭克 –

回答