具体化Css：在卡片中选择

我试图在卡片中使用select

问题是，当选择列表打开并且应该溢出到卡之外时，它不会溢出

溢出部分被隐藏/阻止/消失

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

• 溢出：可见
• 增加z指数
• 将“位置”更改为“相对”（这将动态增加卡片以适应“选择-非期望结果”）

---

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

这是因为

.card

类具有样式

overflow:hidden

。如果您将其从卡中移除，它将允许select的内容在其边界之外流动

---

将

溢出：可见
添加到
.card
工作。这是一个例子。只需确保您正确覆盖了
.card
类样式。
您必须手动初始化选择
比如：

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

或

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

按照他们的文档导航到初始化部分


 M.AutoInit();