material-design 相关问题

如何更改textinputlayout内textinputedittext中的光标颜色

如何更改textinputedittext的光标颜色。 我使用了 textcursordrawable 但它不起作用。 预先感谢

如何禁用材质滑块

我正在使用Angluar进行材质设计，我遇到了一些问题，所以问题是如何使材质滑块在某些特定值上禁用 我正在使用Angluar进行材质设计，我遇到了一些问题，所以问题是如何使材质滑块在某些特定值上禁用 <mat-slider min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider> 我需要在我的组件上显示它，其中包含来自数据库的一些特定值，并且在它更改为数据库之前无法更改。 假设您有一个看起来像这样的模型 export interface MyModel { someValue: number; } 然后您使用一些调用 API 的服务将其加载到组件中。只需通过 disabled input 将条件传递给它即可。 <mat-slider [disabled]="myModel.someValue > 50" min="1" max="5" step="0.5" value="{{myVar}}"></mat-slider> 其实你可以像这样使用disabled <mat-slider min="1" max="5" disabled step="0.5" value="{{myVar}}"></mat-slider> 没什么大不了的。 添加 style="pointer-events: none;" 将防止值更改 <mat-slider style="pointer-events: none;" min="1" max="5" step="0.5" value="{{myVar}}" ></mat-slider>

如何在 Kotlin 中关闭材质警报对话框

我创建了这个材质警报对话框。我想在记录更新后或用户单击取消按钮（btnCancel）时关闭它。我无法使用解雇（），因为它不可用。 私人乐趣

谷歌素材图标加载缓慢，从文本到图标闪烁

使用设置方法 2 自托管为我们的 React 项目安装 Google Material 图标，与图标关联的连字有时会显示在材质图标之前。 对于我们的 React 项目，使用 安装方法 2 自托管安装 Google Material 图标，与图标关联的连字有时会显示在材质图标之前。 <i class="material-icons">face</i> {/* shows text "face" on site prior to proper material icon load */} 例如，上面的行会在显示脸部之前显示“脸部”一秒钟。我们怎样才能延迟 UI 渲染，直到文件引用完全加载？ /*material icons file references loaded locally */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'), url(../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype'); } 在您的 src 文件夹中创建一个名为 preload.js 的文件。 document.fonts.load('10pt "Material Icons"').then(function () { console.log('Material Icons font has been preloaded.'); }); 在 index.html 中的 head 部分末尾添加以下脚本标签 <script defer src="%PUBLIC_URL%/preload.js"></script> React 组件中的用户像这样 import Icon from '@material-ui/core/Icon'; function MyComponent() { return <Icon>home</Icon>; } 希望它有效 只需使用带有链接标记的“预加载”： <link rel="preload" href="./material-symbols-outlined.woff2" as="font" type="font/woff2" crossorigin> 来自Google JS 转换失败时如何防止素材图标文本显示？: 你可以使用font-display: block;，只需将此CSS添加到你的HTML头中： <style> @font-face { font-family: 'Material Icons'; font-display: block; } </style> 了解更多信息字体显示

在物化中更改表单元素的颜色

我如何更改表单输入元素（文本、密码、标签、选择、文本区域）标签和边框底部的颜色。 ** 我尝试了 Materialise CSS 文档中提到的样式。但它不起作用。*...

工具栏不允许在其中使用匹配父布局

我设计了一个工具栏，但它不允许我制作匹配父级布局。它的左侧被锁定，不允许我将 TextView 放在那里，但右侧表现良好； 我看过...

SingleChildScrollView 内的 Flutter Column 不滚动

当我尝试在 SingleScrollChildView 中使用 Card 时，出现此错误： 布局期间抛出以下断言： RenderFlex 底部溢出了 178 个像素。 相关错误原因...

Vuetify中有特定的数字输入组件吗？

我在 Element UI 中看到了一个用于管理项目数量的组件，它在这里： https://element.eleme.io/#/en-US/component/input-number 我想在 Vuetify 中使用类似的东西，b...

Jetpack Compose 桌面 – MaterialTheme.colors.background 不起作用

设置MaterialTheme.colors 我正在尝试在 Jetpack Compose for Desktop（而非移动设备）中制作一个非常基本的窗口，但在更改窗口的颜色方面遇到了一些困难。我看过...

mat-slide-toggle 的 MatSlideToggleChange 事件的使用

我正在尝试使用表单中的开关来切换同一表单中两个下拉菜单之一的外观。 我可以使用 MatSlide 类切换发出的 MatSlideToggleChange 事件来实现我的

如何在 Flutter 中为禁用的文本表单字段的标签设置主题颜色？

我想在我的 Flutter 应用程序中的禁用文本字段标签上应用一个主题，因为我现在的灰色很难阅读。 我想将它应用到我的整个应用程序，所以我想使用

有没有办法禁用Material UI扩展面板的动画？

我想禁用React中Material UI扩展面板的动画。 如何禁用应用于扩展面板的所有动画？ 尝试覆盖转换但没有帮助。 ...

MUI：抽屉保持打开状态的概率约为五分之一？

我有一个 MUI 抽屉，应该在单击菜单项后关闭，但大约五分之一的时间它保持打开状态。我已经根据这篇文章对我当前的代码进行了建模。 这是代码： 导航栏

CSS className 的特异性低于material-ui v5 中的 css 类

当在我的react应用程序中使用@material-ui/core中的IconButton时，我应用了一个类名classes.myCloseButtonstyle，事实证明与css类.css-1743419-

如何在 React 中禁用 Material UI 日期选择器的下划线？

如何禁用向material-ui-pickers显示下划线？ 沙箱 https://codesandbox.io/s/l2ykr7kwvz?from-embed 我想删除其文本字段的下划线。 我试过 禁用下划线={tr...

使谷歌的SignInButton带有圆角，看起来像一个材质按钮

TLDR：我想让 Google 的登录按钮看起来像一个圆角形状的材质按钮，并保留其余部分（文本，默认情况下谷歌图标）。 我已经使用 Firebase 实现了登录功能...

Material Design - Bootstrap 输入字段问题

这是我得到的MDB引导代码。 代码链接：https://mdbootstrap.com/docs/standard/extended/login/#:~:text=EDIT%20IN%20SANDBOX-,Registration%20page,-Once%20again%2C%20the

材质对话框 - 如何更改单选项目中复选框的颜色？

我正在尝试更改材质对话框的单选按钮的颜色，我在此处和此处的文档中发现的可能性是使用 app:singleChoiceItemLayout 覆盖整个布局，但是...

Material Design 3 with Angular

我是 Material Design 的新手，我正在研究是否可以将 Material Design 3 与 Angular 版本 17 一起使用。 我已按照 Material Design 3 中提到的步骤并成功安装，但我

如何根据appbar自动给Android的状态栏着色

根据应用栏的材质3规格，不仅应用栏本身，状态栏也应该在滚动应用栏下的列表时调整其颜色。如何实现这一目标？我们是否应该...