material-design 相关问题

我正在尝试尽可能简单地减小 Angular 15 中表单字段和字体的大小。在从 13 升级到 15 的过程中，现有的 UI 相当糟糕。超文本标记语言我正在尝试尽可能简单地减小 Angular 15 中表单字段和字体的大小。在从 13 升级到 15 的过程中，现有的 UI 相当糟糕。 HTML <div class="example-container"> <mat-form-field appearance="outline"> <mat-label>Select me long text end with ellipse</mat-label> <mat-select> <mat-option value="option">Option</mat-option> </mat-select> </mat-form-field> </div> CSS mat-form-field { width:150px; } .mat-mdc-text-field-wrapper { height: 30px; } 当我在 Google 开发工具中使用这些选择器调整大小时，它可以工作 - 但在 Stackblitz 中却不起作用。但是，即使尺寸减小，垫标签文本也是开箱即用的并且不居中。我弄乱了填充和一堆其他东西，但我无法让它工作。有没有简单的解决方案可以将其缩小到更小的尺寸？这是我的解决方案： <mat-form-field style="font-size: 12px" appearance="outline"> <mat-label>Name</mat-label> <input matInput placeholder="Name..." autocomplete="off"/> </mat-form-field> 您可以通过在标签上应用 css 来更改表单字段标签的大小 mat-form-field { } 虽然 ng-deep 在技术上已被弃用，但我使用以下代码来更改新的 MDC Angular Material 表单字段的高度。 ::ng-deep .mat-mdc-text-field-wrapper { max-height: 20px; } ::ng-deep .mat-mdc-form-field { max-height: 30px; } ::ng-deep .mat-mdc-form-field-infix { padding: 0 !important; } 简短说明本示例中这些类的用途： .mat-mdc-text-field-wrapper 用于表单字段内的文本大小。保持此不变将使文本呈现在调整大小的表单字段之外。 .mat-mdc-form-field 用于表单字段的实际大小。 .mat-mdc-form-field-infix 用于去除填充物。不更改此设置会将输入推离表单字段。不要忘记这里的重要属性。您需要尝试所有这三个值，以获得一组适合您的情况的值。

angular forms angular-material material-design mdc-components

回答 3 投票 0

#Flutter 浮动导航栏，底部元素可见

我想制作一个可以实现此目的的包：但这就是我的进步。仍然有一个白色的背景。这是包的链接 https://github.com/dinurymomshad/flutter_navigation_d...

flutter dart material-design flutter-layout flutter-dependencies

回答 2 投票 0

Material-UI React Table 在渲染时抛出边框

我正在寻找快速解决此问题的方法。似乎每当我从 Material-UI.com 表中的 API 调用返回的数据集进行渲染时（在样式方面没有添加会使其失效）...

reactjs material-design material-ui

回答 1 投票 0

我正在使用材料设计 wpf 库。如何使工具提示变黑？

我需要使文本框完全变黑，但无论我如何努力，我都无法使工具提示变黑。如何将其变成黑色？在此处输入图像描述我做了很多关于如何制作...