问题标签 [material-components-web]

我正在尝试向我的网站添加一个基本的 MDC 选择菜单。但它并不完全正确——框的右侧显示了 MDC 箭头以及正常的 HTML 箭头，并且这些词放置在离菜单标签太近的位置（参见此处）。

HTML 部分——</p>

app.scss 部分

和最后的 app.js 部分

似乎我拥有我需要的一切，但我显然错过了一些愚蠢的东西。任何建议表示赞赏 - 谢谢！

只是运行准系统“material-components-web”，我无法让输入字段看起来像它应该的那样。JS 交互效果很好。主题看起来不错。但是我的领域正在被切断

索引.html：

应用程序.scss：

应用程序.js：

我没有其他文件拉进来。没有添加其他样式。会发生什么？

我们正在使用 MDC 菜单组件。我正在寻找一种在单击菜单中的第一项时不关闭菜单的方法。

我尝试将一个类应用于 mdc-list-item 并将光标指定为自动，但它不起作用。

下面是示例小提琴

https://jsfiddle.net/phani25485/Lt6q2gxa/2/

您能否就如何实现这一目标提供一些指导。

根据 Google Material Components 的文档，我无法找到将其与Laravel集成的方法。提到了那里提到的配置 webpack 的步骤，但是我找不到合适的方法将它放入 Laravel Mix。

所以问题是如何将谷歌材料组件（不是精简版）集成到 Laravel 项目中。

HTML Noob here：我试图让表单中的两个 MDC 单选按钮在不同的行上对齐显示（一个在另一个下方）。我曾尝试在不同的地方放置中断标签，但似乎没有任何效果。

我可以使用中断标记使标准单选按钮出现在单独的行上，如下所示：

我怎样才能让这些 radio-1 和 radio-2 出现在不同的行上？

我正在尝试使用 unpkg 将MDC Web 组件添加到我的网站，并且在实现时遇到了一个问题，我并排使用了两个选择元素。问题是从第一个选择元素中选择一个选项时，元素略微向下移动并且从第二个选择元素中选择选项时，第一个元素被移动到之前的位置。我无法理解为什么会发生这种情况。在我的 HTML 中，我只包含了材料 Web 组件的 css 和 js 文件。

我需要在 MDC 卡的标题前添加一个图标，如图所示（标签 2）。但是，根据 MDC 设计，我不知道正确的 HTML。这是我到目前为止的卡片的 HTML 代码：

有人可以指出我要添加的正确 HTML 吗？MDC 文档不是很清楚。

我创建了一个简单的 MDC 卡，上面有一些 MDC 文本字段按钮。但是，文本框无法正确呈现。从下图可以看出，右上角和左上角有空隙。下面是我的代码：

我使用 Angular v6.1.2 并且只是启动公会后的初始项目。然后我在此链接https://www.npmjs.com/package/material-components-web之后添加 MDC ，

然后在我的 style.scss 文件中的项目中，我只是像这样导入 MDC scss

然后我运行它向我显示此错误的应用程序

模块构建失败：@import "@material/button/mdc-button"; ^ 未找到或无法读取要导入的文件：@material/button/mdc-button。等等...

我尝试在angular.json下面的代码中添加路径，但它不起作用。

还有什么我想念的吗？

从 0.38.0 版开始，不推荐使用 mdc-tabs。现在，标签上方带有图标的选项卡和指示符仅限于内容。

当我使用带有标签上方图标的选项卡时，如何将指示器下划线的宽度调整到所选选项卡。

谢谢。