ドロップダウンCSSが動作しない（Laravelブレード）

Question

私は

Access Link

のようないくつかのドロップダウンを使用していた図を持っている私は国境を与えることを試みている、国境底を表示することができませんCSSの要素で手動で下限または境界線の定義を作成できましたが修正できませんでした。助けを借りてください

Answer 1

それは下の境界線を持っていないわけではありませんが、あなたのブラウザで表示されていません。

ボタンの高さは40pxです。しかしそれはまた、40pxの高さとbox-sizingのborder-boxを持つdivにも含まれています。

box-sizingとborder-boxを使用した場合thisに基づいて、コンテンツに割り当てられる高さは、（この場合は、あなたのbutton）（この場合には、あなたのdiv）の要素のボーダーとパディングの属性を考慮した後に減少しています。コンテンツがレンダリングされているように見えるのは、コンテナdivの下端にオーバーレイされる理由だけです。

CSSのbox-sizingプロパティは、:beforeと:after疑似要素を含むすべての要素に適用されます。

あなたの問題を解決し、次のいずれかを行う場合は下の枠線を表示することができます。

• （例えば、38pxの高さを持つように.ms-choiceを設定）button要素の高さを減らします。
• 容器の高さを増やすdiv（例：42pxに設定）これにより、ドロップダウンメニューが検索入力に誤って表示されます。
• コンテナdivをbox-sizingに変更してcontent-boxに変更します。
• ボタンの背景色を透明に変更し、白色背景色をdiv.ms-parent.form-controlに設定します。 （このオプションを追加して、button 'が実際に含まれているものの下端をオーバーレイするようにレンダリングされていることを確認しました）