无法在最新版本的Angular Material上的md-input-container中右对齐md-icon
心智分析
我正在将应用程序从Angular Material 1.0.5升级到1.0.9
我目前有一些包含选择和图标元素的输入容器，如下所示
<md-input-container class="md-icon-right" flex>
<label>Something</label>
<md-select ng-model="option2" flex>
<md-option ng-repeat="option in options">
</md-option>
</md-select>
<md-icon class="material-icons">X</md-icon>
</md-input-container>
因此，这意味着我将在选择输入的右侧显示该图标。
升级到1.0.9后，使用与上述相同的标记，该图标现在显示在左侧。
我在演示页面上查看了AM 1.0.9的输入示例，但看不到各个版本之间有任何更改。
1.0.5的外观如下：http://codepen.io/parky128/pen/rLWJNK
只需将包含的材料脚本更改为1.0.9，您就会发现，实际上这是从1.0.6开始发生的。
还要注意，这仅在使用md-select时似乎是一个问题，常规输入不受此影响。
我看不出他们的更改日志中有任何重大更改来说明为什么会发生这种情况。
任何人都知道当在版本1.0.6或更高版本的md-input-container中使用md-select时，如何使图标向右对齐？
谢谢
camden_kid
如果检查md-icon1.0.5版的CSS，将看到以下内容：
md-input-container.md-icon-right>md-icon:last-of-type {
margin: 0;
right: 2px;
left: auto;
}
这在angular-material.min.css中定义。
当您检查md-icon1.0.9版时，不会出现此消息：
如果将上述CSS添加到自己的CSS文件中，则它将与1.0.9版一起使用-CodePen
还要注意的另一件事md-input-container是将移到左侧。可以通过以下CSS修复此问题（在进一步检查之后）：
md-input-container.md-icon-right {
padding-left: 0 !important;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Angular Material获取最新版本| md-chips：只读，可移动
- 2
Angular Material获取最新版本| md-chips：只读，可移动
- 3
如何检查系统中@angular/material 的版本以及存在的最新版本的材料
- 4
IE 9和IE最新版本上javascript中不同的日期格式
- 5
上 。更改在jQuery最新版本中不起作用
- 6
从最新版本的Python 3.5.1中的.py文件在Windows上运行Python脚本
- 7
无法在4.2 4.3上加载本机库，但在最新版本上加载
- 8
无法在Ubuntu 14.10上安装最新版本的OpenCV
- 9
Gradle无法解析到存储库上的最新版本
- 10
如何在Angular Material中使用<md-icon>？
- 11
无法在最新版本的IdentityModel.Tokens中设置有效受众群体
- 12
webview在最新版本的android中无法打开某些网站
- 13
无法将git升级到Ubuntu 14.04中的最新版本
- 14
无法在intellij 2016.3.3和其他最新版本中运行scala测试
- 15
在LTS上安装最新版本的git
- 16
在Windows上更新到最新版本的git
- 17
在Ubuntu 14.04上获取最新版本的Evolution
- 18
在LTS上安装最新版本的git
- 19
在Ubuntu 14.04上获取最新版本的Evolution
- 20
发送通知以在TFS上获取最新版本
- 21
Maven上最新版本的mapreduce libs
- 22
在cetos上安装最新版本的ruby的问题
- 23
apt中的php版本-它是否对应于php.net上的版本，如果不是，则如何升级到最新版本
- 24
解决Mojo类中工件的最新版本？
- 25
在Excel中检查合同的最新版本
- 26
在每个目录中查找最新版本的文件
- 27
与VS 2019中的最新版本进行比较
- 28
mysql中不同的最新版本
- 29
在Excel中检查合同的最新版本
我来说两句