下载CSS不起作用（Laravel Blades）

Question

我有一个观点，我正在使用一些下拉菜单

Access Link

我无法显示边框底部，我试图在该元素CSS中手动提供边框底部或边框定义，但无法修复。任何帮助

Answer 1

并不是它没有底部边框，但它只是没有被您的浏览器显示。

您的按钮高度为40px。但它也包含在一个高度为40px且box-sizing为border-box的div中。

基于this，当border-box与box-sizing一起使用时，分配给内容的高度（在这种情况下，您的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＆＃39;实际上正在呈现，以便它覆盖包含div的底部边框。）