【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep
来源:互联网 发布:用户画像静态数据 编辑:程序博客网 时间:2024/06/16 04:19
在ng-Zorro-Ui 阿里组件框架无法修改第三方组件的样式问题:
<nz-input formControlName="userName" [nzPlaceHolder]="'Username'" [nzSize]="'large'"> <ng-template #prefix> <i class="anticon anticon-user" style="font-size:20px"></i> </ng-template> </nz-input>
浏览器渲染:
css修改:无效
.ant-input-affix-wrapper .ant-input:not(:first-child){ padding-left: 30px;}
修改上面就正常了
:host ::ng-deep .ant-input-affix-wrapper .ant-input:not(:first-child){ padding-left: 30px;}
angular、spring cloud 开源实战项目源码:https://gitee.com/xfdm/FCat
QQ群:549141844代码持续更新…
阅读全文
0 0
- 【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep
- Angular 2的组件样式
- Angular之ng-repeat批量生产组件
- 【Angular】组件内容嵌入ng-content
- Angular组件
- Angular 组件
- angular组件
- 使用 Angular CLI 和 ng-packagr 构建一个标准的 Angular 组件库
- Angular引入第三方库
- 在Angular组件中引入外部样式
- angular在通过ng-class来改变样式
- Angular开发(七)-关于组件的生命周期
- angular Tip组件编写
- Angular的Table 组件
- angular 组件化
- angular组件化2
- angular 组件通信
- Angular 组件间通信
- IBM苏中:怎样利用深度学习、增强学习等方法提高信息处理效率
- Elasticsearch(十二)elasticsearch映射和分析
- 支持实践教学:清华大数据能力提升项目举办CIKM AnalytiCup2017冠军团队经验分享会
- 渗透测试之信息收集漏洞库篇
- myeclipse报红叉问题
- 【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep
- IDEA辅助开发系列-Free Mybatis plugin
- jsp标签分页
- 一大早,分享一个好消息
- Python开发环境--pycharm整合anaconda
- 我们一起学ABAP(04)~数据赋值和字符串总结
- iOS日历、日期、时间的计算
- POJ 1942.Paths on a Grid
- SSM项目从零开始到入门008-mybatis传递多个参数问题