问题标签 [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.
toolbar - 带有文本链接而不是图标的 Web 工具栏的材料组件
a href
如果我从a 中的标签中删除图标类,mdc-toolbar__section
我会得到未格式化的链接,而不是匹配样式中的<a>
和标签之间的文本。</a>
有没有办法让工具栏项目成为文本而不是图标?
这会在工具栏中显示图标:
这显示了未格式化的压缩在一起的链接,并导致页面的其余部分呈现不正确:
web - Sass - 使用材料 Web 组件设置字体系列
我在我的项目中使用材料 Web 组件,我想更改字体系列。我正在浏览他们的文档,我试图通过在我的 sass 文件中设置变量来做到这一点,如下所示:
但是,这不起作用,在文档中它还说 sass mixin 设置了字体:
如何更改 mixin 以使用不同的字体系列?
css - 材料输入字段不显示 Algolia 自动完成功能
我在我的项目中使用材料 Web 组件,以及algolia autocomplete.js。我已经创建了一个搜索输入字段,我想在自动完成下拉菜单中显示结果。这是html:
这是CSS:
我遇到的问题是下拉菜单不可见,mdc-text-field--box
如果我不使用框字段而是使用普通字段,则下拉菜单可见。我该如何解决这个问题,以便下拉菜单也可以通过mdc-text-field--box
?
material-components - MDC-Web:复选框的主题颜色
如何使用基本 CSS/HTML/JavaScript 在 MDC-Web 中的复选框元素上设置自定义颜色?
示例:如何使此复选框背景为浅蓝色?
javascript - MDC Web 组件:mdc-dialog 有时无法正确关闭
我使用 MDC-Web 组件。我正在以编程方式打开和关闭一个对话框,但有时它不会关闭。我不知道我是否以正确的方式关闭对话框。
material-components-web - Material Components Web - 选择的组件行为不正确
我正在尝试向我的页面添加一个 mdc-select 元素,但无论我尝试做什么,这些选项始终可见。在查看包含选择组件的其他人的代码笔时,我什至看到了这个问题。比如这个:https ://codepen.io/anon/pen/EQQqyb
HTML:
CSS:
和 JS:
使用此组件时,我是否遗漏了我应该做的事情?
javascript - mdc-select 通过 JS 选择选项
我有一个来自 sql server 的 xml,它由我的 XSL 脚本呈现。我正在使用最新版本的 Web 材质组件,我遇到的问题是我似乎无法通过 JS 在选择菜单中设置选项。这是我的 mdc 选择:
我曾尝试使用以下 JS:
其中 xsl:value-of select="Bridge_Size" 可以采用“XS”、“S”等值,但没有任何反应。
我也试过:
因为我的选择在我加载页面时被初始化但又没有任何反应。最后,我尝试过:
没有运气。任何帮助将不胜感激!
material-design - 如何检查浏览器是否支持 material-components-web 或 MDC-Web
我在网页中实现了 MDC-Web,它适用于智能手机上的 Chrome/Firefox。但是,选择菜单组件不适用于移动设备上的三星浏览器。
我正在寻找一种方法来检查浏览器是否支持 MDC 组件,在我的 JavaScript 代码中,而不是在每个可用的浏览器上手动检查。
有人知道我该怎么做吗?可能吗?
webpack - Webpack 材质组件
尝试在我的主 scss 文件中导入材质组件时,我从 webpack 收到以下错误
主要问题似乎是按钮组件。这是名为 app.scss 的主 scss 文件
我能做些什么来解决这个错误,我刚开始使用材料组件,找不到任何解决方案。