问题标签 [material-components-web]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
442 浏览

toolbar - 带有文本链接而不是图标的 Web 工具栏的材料组件

a href如果我从a 中的标签中删除图标类,mdc-toolbar__section我会得到未格式化的链接,而不是匹配样式中的<a>和标签之间的文本。</a>

有没有办法让工具栏项目成为文本而不是图标?

这会在工具栏中显示图标:

这显示了未格式化的压缩在一起的链接,并导致页面的其余部分呈现不正确:

0 投票
1 回答
1177 浏览

web - Sass - 使用材料 Web 组件设置字体系列

我在我的项目中使用材料 Web 组件,我想更改字体系列。我正在浏览他们的文档,我试图通过在我的 sass 文件中设置变量来做到这一点,如下所示:

但是,这不起作用,在文档中它还说 sass mixin 设置了字体:

如何更改 mixin 以使用不同的字体系列?

0 投票
1 回答
378 浏览

css - 材料输入字段不显示 Algolia 自动完成功能

我在我的项目中使用材料 Web 组件,以及algolia autocomplete.js。我已经创建了一个搜索输入字段,我想在自动完成下拉菜单中显示结果。这是html:

这是CSS:

我遇到的问题是下拉菜单不可见,mdc-text-field--box如果我不使用框字段而是使用普通字段,则下拉菜单可见。我该如何解决这个问题,以便下拉菜单也可以通过mdc-text-field--box?

0 投票
1 回答
1106 浏览

material-components - MDC-Web:复选框的主题颜色

如何使用基本 CSS/HTML/JavaScript 在 MDC-Web 中的复选框元素上设置自定义颜色?

示例:如何使此复选框背景为浅蓝色?

0 投票
1 回答
1594 浏览

javascript - MDC Web 组件:mdc-dialog 有时无法正确关闭

我使用 MDC-Web 组件。我正在以编程方式打开和关闭一个对话框,但有时它不会关闭。我不知道我是否以正确的方式关闭对话框。

0 投票
2 回答
1998 浏览

javascript - MDC-Web:mdc-text-field--用预填充值概述

我正在预填充一些文本字段并且边框不可见。 在此处输入图像描述

例如,我正在使用以下 JavaScript 来预填充字段,但在单击/取消单击该字段之前不会呈现大纲。我试过了

HTML是:

0 投票
1 回答
998 浏览

material-components-web - Material Components Web - 选择的组件行为不正确

我正在尝试向我的页面添加一个 mdc-select 元素,但无论我尝试做什么,这些选项始终可见。在查看包含选择组件的其他人的代码笔时,我什至看到了这个问题。比如这个:https ://codepen.io/anon/pen/EQQqyb

HTML:

CSS:

和 JS:

使用此组件时,我是否遗漏了我应该做的事情?

0 投票
1 回答
3479 浏览

javascript - mdc-select 通过 JS 选择选项

我有一个来自 sql server 的 xml,它由我的 XSL 脚本呈现。我正在使用最新版本的 Web 材质组件,我遇到的问题是我似乎无法通过 JS 在选择菜单中设置选项。这是我的 mdc 选择:

我曾尝试使用以下 JS:

其中 xsl:value-of select="Bridge_Size" 可以采用“XS”、“S”等值,但没有任何反应。

我也试过:

因为我的选择在我加载页面时被初始化但又没有任何反应。最后,我尝试过:

没有运气。任何帮助将不胜感激!

0 投票
1 回答
341 浏览

material-design - 如何检查浏览器是否支持 material-components-web 或 MDC-Web

我在网页中实现了 MDC-Web,它适用于智能手机上的 Chrome/Firefox。但是,选择菜单组件不适用于移动设备上的三星浏览器。

我正在寻找一种方法来检查浏览器是否支持 MDC 组件,在我的 JavaScript 代码中,而不是在每个可用的浏览器上手动检查。

有人知道我该怎么做吗?可能吗?

0 投票
2 回答
465 浏览

webpack - Webpack 材质组件

尝试在我的主 scss 文件中导入材质组件时,我从 webpack 收到以下错误

主要问题似乎是按钮组件。这是名为 app.scss 的主 scss 文件

我能做些什么来解决这个错误,我刚开始使用材料组件,找不到任何解决方案。