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

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

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

vue中私有样式(scoped)中修改其他组件的样式
1.使用">>>"符号更改其他组件的样式例如 <style lang="stylus" scoped> .a >>& ...
vue中style的scoped属性这样用，修改第三方组件iview 或 element 样式
vue中style的scoped属性这样用,修改第三方组件iview 或 element 样式文章目录 vue中style的scoped属性这样用,修改第三方组件iview 或 element 样式 ...
修改elementui组件el-input样式
修改elementui组件el-input样式效果展示: 鼠标移入后效果: <el-inputplaceholder="搜索抖音昵称"prefix-icon="e ...
如何利用自定义的事件，在子组件中修改父组件里边的值？
如何利用自定义的事件,在子组件中修改父组件里边的值? 这是一篇好文章,佩服博主的思维:本文出自http://www.cnblogs.com/padding1015/ 关键点记住:三个事件名字步骤如下 ...
angular 控件css_Angular父组件内修改子组件的样式
在使用NG-ZORRO组件的过程中,需要根据产品的需要,在某些页面修改某些NZ组件的样式.但是由于angular默认采用了Emulated的视图封装模式,导致即便我们想在父组件中直接去重写子组件的样式 ...
微信小程序如何修改第三方组件样式例如 vant-weapp样式修改
注: 必须css文件才可以修改解除样式隔离 1.在组件内部options属性中定义styleIsolation: 'apply-shared' Component({onLoad(){},optio ...
根据条件动态修改element 组件深层次样式
开发前提: vue elementUI 在开发中有时候 element 中我们使用的某个组件的样式不符合我们的需求,直接写行内样式,有时候会发现并不会生效,直接将样式写在 style 标签中虽然样式会 ...
【PPic】项目中重要第三方组件集成打包测试
首先利用各个组件把项目的基础搭建起来,并测试打包等基础功能 1. 利用electron-vue搭建基础项目至于vue-cli这些基础工具就不讲了 vue init simulatedgreg/ele ...
【uniapp】小程序中修改Vant组件navbar左箭头的颜色及图标与背景
感觉自己封装的返回组件不太好用,于是尝试用一下Vant组件库里的 NavBar [uniapp]小程序自定义一个通用的返回按钮组件_小付学代码的博客-CSDN博客_uniapp自定义返回按钮左边箭头, ...

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

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

最新文章

热门文章