Materialise Css：在卡片中选择

【问题标题】：Materialize Css : select in cardMaterialise Css：在卡片中选择
【发布时间】：2015-10-24 15:20:32
【问题描述】：

我正在尝试在卡片中使用 select。

Problem is that when the select list is open and it should overflow outside of card, it doesn't.

溢出的部分被隐藏/阻塞/消失。

我尝试了以下操作但失败了：

在一个小问题上，在卡片中使用 select（或其他输入）不是一个合适的材料设计吗？

【问题讨论】：

【解决方案1】：

这是因为.card 类具有overflow: hidden 样式。如果您从卡片中删除它，它将允许选择的内容超出其边界。

将overflow: visible 添加到.card 有效。这是codepen。只需确保您正确地覆盖了 .card 类样式。

【讨论】：

【解决方案2】：

您必须手动初始化选择类似：

$(document).ready(function(){
$('select').formSelect();
});

或者

 M.AutoInit();

如果您不想在页面上手动初始化，只需在脚本标记中添加一行以上即可。

按照他们的文档https://materializecss.com/select.html 导航到初始化部分

【讨论】：