Angular中修改第三方组件的样式 - zorro日期选择器右端不对齐的BUG

栏目: 编程语言 · AngularJS · 发布时间: 6年前

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

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

C程序设计题解与上机指导

C程序设计题解与上机指导

谭浩强 / 清华大学 / 2000-9-1 / 19.50元

《C程序设计题解与上机指导(第2版)》是和谭浩强编著的《C程序设计》(第二版)(清华大学出版社1999年出版)配合使用的参考书,内容包括:(1)《程序设计》(第二版)一书的习题和参考解答,包括了该书各章的全部习题,共约150题,对全部编程题都给出了参考解答;(2)上机指南,详细介绍了在当前广泛使用的Turbo C集成环境下编辑、编译、调试和运行程序的方法,并简要介绍了Borland C++的使用方......一起来看看 《C程序设计题解与上机指导》 这本书的介绍吧!

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具