个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
29
4
我有这个简单的代码:
<body style="direction: rtl; text-align: right">
<mat-form-field>
<input matInput placeholder="Wanna be rtl" />
</mat-form-field>
</body>
但无论我尝试做什么，占位符都会保持从左到右的状态。有什么办法可以让它右对齐吗？
最佳答案
在表单字段上使用 text-align 将起作用:参见 working StackBlitz example
此解决方案会将占位符和输入文本都右对齐:
<body>
<mat-form-field style="text-align: right">
<input matInput placeholder="Wanna be rtl" />
</mat-form-field>
</body>
结果: 
如果您只想将占位符右对齐并保持输入文本左对齐，则将 style="text-align: left" 添加到输入中作为如下所示
<body>
<mat-form-field style="text-align: right">
<input matInput placeholder="Wanna be rtl" style="text-align: left"/>
</mat-form-field>
</body>
结果: 
关于 Angular Material : How to right align matInput placeholder?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51289197/
29
4
0
如何为 Angular Material 输入字段设置值。然后从我的组件中，我从我的数据库中获取数据作为 json 对象，我想将这些数据设置为 Angular Material 表单输入字段中的值。
我们如何将 Angular Material 中的 matInput 的输入向右对齐？ 我当前的代码: 期望的输出: 最佳答案 使用标准的 text-align CSS 属性应该就可以了。
如何设置占位符的颜色样式？在堆栈溢出上发布的解决方案都不适合我。 ::ng-deep input.mat-input-element { color: #ff884d; caret-c
当我尝试使用“{{}}”将 matInput 的类设置为一个值时，它出于某种原因更改了格式。这是带有花括号的代码加上它的内容 looks喜欢。 {{ name.name }}
如何将 matInput 更改为自定义颜色。我想更改占位符和下划线颜色。 我已经阅读了大部分帖子，但找不到更改下划线的解决方案。 Stackblitz example Image
我是 Angular 4 的新手，开始使用 Material 组件，我从官方文档中复制了几个示例，但没有得到与文档相同的结果: 如何更改文本框宽度？我试过 style="width: 200px;"风
我在 Angular 中创建了一个对话框 edit-dialog.component.html
我有这个简单的代码: 但无论我尝试做什么，占位符都会保持从左到右的状态。有什么办法可以让它右对齐吗？ 最佳答案 在表单字段上使用 text-al
我在 Angular 组件中使用 matInput 和 mat-form-field (@angular/material)，我无法禁用 matInput 。 A working example ca
我的 Material table 中有此代码: Column heading 0"> My error mes
是否可以使用 CSS 或后端 Typescript 打开和关闭 mat-form-field 的 matInput 的下划线？ 我见过类似 this question 的东西 这表明可以使用 css
与 Google 登录页面类似，我希望在点击事件后自动聚焦输入元素。我试过 @ViewChild('id') 和 document.getElementId('id')。两者都不起作用。它始终为 nu
在我的代码中(见下文)我想将占位符的颜色(即用户名和密码)及其下方的边距设置为白色。 意味着用户名和密码文本应该是白色的，它下面的边框也应该是白色的，因为我使用的是深色背景。 我怎样才能做到这一点？
一张图值1024个字: 我如何强制这些箭头一直显示？ 默认情况下，它们只出现在悬停 上. 我找不到任何东西，我什至不确定这些按钮是如何调用的。 最佳答案 这与浏览器有关，因为在使用 Firefox
我想在 Material Input 中使用 ngb-datepicker 。我成功地将 datepicker 应用于 mat 输入。但是月份和年份下拉列表存在问题。 我尝试了以下代码段: 有
以下 html 代码片段: textAreaLimit[1]" align="start"> {{txtarea.value ? txtarea.value.split('\n'
我将 Angular Material 和 tailwindcss 一起使用。当我在使用输入元素时应用 matInput 时，没有问题，但是当我将输入类型设置为数字时，当我关注输入组件时，会在组件周围
我将 Angular Material 和 tailwindcss 一起使用。当我在使用输入元素时应用 matInput 时，没有问题，但是当我将输入类型设置为数字时，当我关注输入组件时，会在组件周围
我是一名优秀的程序员,十分优秀！