博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Angular中修改第三方组件的样式 - zorro日期选择器右端不对齐的BUG
阅读量:6634 次
发布时间:2019-06-25

本文共 332 字,大约阅读时间需要 1 分钟。

  • 在一列上同时使用zorro的日期选择器和input组件会出现右端不对齐的BUGnzSpan设置为一样)
  • 图片描述
    上图中3个表单项:单据日期、开票、交货方式,nzSpan数值是一样的,可以看到日期选择器和下面的“交货方式”右端没有对齐
  • 在浏览器控制台中层层展开后到达下面的路径:
  • 图片描述
  • 可以看到ant-calendar-picker是日期选择器组件的官方提供的样式,在该样式下手动追加属性width:100%,右端就可以对齐了,那么接下来只要应用到源码中就好了
  • 结果在当前组件的css文件中直接.ant-calendar-picker{width:100%;}是没有效果的,要这样使用才有效:::ng-deep .ant-calendar-picker{width:100%;}

转载地址:http://lwdvo.baihongyu.com/

你可能感兴趣的文章
SPQuery简单使用示例
查看>>
Mock HttpContext in TDD的几种简单应用
查看>>
SubSonic框架使用图解
查看>>
js基础-表单验证和提交
查看>>
Windows Azure Storage (21) 使用AzCopy工具,加快Azure Storage传输速度
查看>>
lucene DocValues——本质是为通过docID查找某field的值 看图
查看>>
.Net单元测试工具TestDriven.NET
查看>>
Java中的Atomic包
查看>>
类加载机制
查看>>
Selenium学习笔记之外部化相关测试数据---xml
查看>>
Cucumber入门之_Hooks&Background
查看>>
《C++必知必会》读书笔记3
查看>>
IDEA 中生成 Hibernate 逆向工程实践
查看>>
7步轻松设置授权管理器License Manager
查看>>
HTML 5 <video> 标签
查看>>
iOS:socket通信
查看>>
[推荐] BC/Beyond Compare(差异比较软件)
查看>>
Postmaster主循环的大致流程
查看>>
[Android Pro] Gradle Tips#1-tasks
查看>>
iOS:CoreText的常用语法
查看>>